JavaScript ง่ายๆ ไว้สำหรับ validate Form

สำหรับผู้ที่ เริ่มต้น Programming - PHP มีอะไร แนะนำ หรือข้อสงสัยต้องบอร์ด นี้ น่ะค่ะ คนที่มีความรู้ แบ่งปันคนอื่นบ้างนะ

Moderator: phpbb, mindphp, ผู้ดูแลกระดาน

ตอบกลับโพส
ภาพประจำตัวสมาชิก
icphysics
phpBBThailand Full Member
phpBBThailand Full Member
โพสต์: 38
ลงทะเบียนเมื่อ: 01 ม.ค. 1970, 07:00
ติดต่อ:

JavaScript ง่ายๆ ไว้สำหรับ validate Form

โพสต์ โดย icphysics »

ลองดูต่อที่นี่
http://www.mindphp.com/forums/viewforum.php?f=25" onclick="window.open(this.href);return false;
ตัวอย่าง JavaScript ง่ายๆ ไว้สำหรับ validate Form

โค้ด: เลือกทั้งหมด

<script language="JavaScript">
	function validForm(passForm) {   	  
		if (passForm.username.value.replace( /\s+$/, "" )=="")
		{
				alert("กรุณาใส่ชื่อสมาชิก/Please enter your username" );          
				passForm.username.focus();
				return false;
		}
		if (passForm.password.value.replace( /\s+$/, "" )=="")
		{
				alert("กรุณาใส่รหัสผ่าน/Please enter your password" );          
				passForm.password.focus();
				return false;
		}		
		return true;
}

//-->

</script>
บุคคลทั่วไป

โพสต์ โดย บุคคลทั่วไป »

<script>
function checkForm() {
if (form.form_username.value=="") {
alert("Username not set");
return false;
}
if (form.form_password.value=="") {
alert("Password not set");
return false;
}
if (form.form_password2.value=="") {
alert("Password not set");
return false;
}
if (form.form_email.value=="") {
alert("E-Mail not set");
return false;
}
if (form.form_password.value!==form.form_password2.value) {
alert("Passwords do not match!");
return false;
}
}
</script>
ภาพประจำตัวสมาชิก
icphysics
phpBBThailand Full Member
phpBBThailand Full Member
โพสต์: 38
ลงทะเบียนเมื่อ: 01 ม.ค. 1970, 07:00
ติดต่อ:

โพสต์ โดย icphysics »

valid date ให้อยู่ในรูปแบบ (mm/dd/yyyy):
<script type="text/javascript">
function checkdate(input){
var validformat=/^\d{2}\/\d{2}\/\d{4}$/ //Basic check for format validity
var returnval=false
if (!validformat.test(input.value))
alert("Invalid Date Format. Please correct and submit again.")
else{ //Detailed check for valid date ranges
var monthfield=input.value.split("/")[0]
var dayfield=input.value.split("/")[1]
var yearfield=input.value.split("/")[2]
var dayobj = new Date(yearfield, monthfield-1, dayfield)
if ((dayobj.getMonth()+1!=monthfield)||(dayobj.getDate()!=dayfield)||(dayobj.getFullYear()!=yearfield))
alert("Invalid Day, Month, or Year range detected. Please correct and submit again.")
else
returnval=true
}
if (returnval==false) input.select()
return returnval
}

</script>[
ตัวอย่าง Form
<form onSubmit="return checkdate(this.mydate)">
<input type="text" name="mydate" />
<input type="submit" value="submit" /><br />
<b>Valid date format:</b> mm/dd/yyyy
</form>;submit" value="submit">
</form>
DtTvB
phpBBThailand Jr. Member
phpBBThailand Jr. Member
โพสต์: 16
ลงทะเบียนเมื่อ: 01 ม.ค. 1970, 07:00

โพสต์ โดย DtTvB »

บุคคลทั่วไป เขียน:if (form.form_password.value=="") {
หากผู้ใช้พิมพ์เว้นวรรคลงไป ก็จะผ่านครับ
วิธีที่ถูกต้องกว่า คือ if (form.form_username.value.replace(/\s+$/, "") == "") {
บุคคลทั่วไป

โพสต์ โดย บุคคลทั่วไป »

icphysics เขียน:อันนี้เว็บ สอนเขียน javascript ครับ ท่าน
http://www.c-point.com/javascript_tutorial/jstutor.htm
ภาพประจำตัวสมาชิก
dsonline
phpBBThailand Hero Member
phpBBThailand Hero Member
โพสต์: 182
ลงทะเบียนเมื่อ: 21 ต.ค. 2008, 20:08
ที่อยู่: Thailand
ติดต่อ:

Re: JavaScript ง่ายๆ ไว้สำหรับ validate Form

โพสต์ โดย dsonline »

จากนี้

โค้ด: เลือกทั้งหมด

if (form.form_password.value == "") {
ลองเปลี่ยนเป็นนี่ซิครับ

โค้ด: เลือกทั้งหมด

if (form.form_password.value.length == 0) {
ช่ิองว่างไม่น่าผ่าน
The softest water wears down the hardest rock.
preor
phpBBThailand Hero Member
phpBBThailand Hero Member
โพสต์: 100
ลงทะเบียนเมื่อ: 12 ส.ค. 2009, 13:17
ติดต่อ:

Re: JavaScript ง่ายๆ ไว้สำหรับ validate Form

โพสต์ โดย preor »

ใช้กรองได้ดีแถมปลอดภัยมากด้วย
ตอบกลับโพส

ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 236 และ บุคคลทั่วไป 0 ท่าน