JavaScript เช็คค่าใน Form

หมวดสำหรับแบ่งบันความ รู้ต่างๆ จะมีหมวดย่อยๆ ในหมวดนี้ เช่น php, SQL, XML, CSS

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

User avatar
M009
PHP Super Member
PHP Super Member
Posts: 205
Joined: 23/04/2013 10:57 am

JavaScript เช็คค่าใน Form

Post by M009 »

ยกตัวอย่าง Check FormLogin

หน้า form.php

Code: Select all

<form action="check.php" method="post" name="login" onSubmit="JavaScript:return fncSubmit();">
Input 1 <input name="txtuser" type="text"><br>
Input 2 <input name="txtpass" type="text"><br>
<input name="btnSubmit1" type="submit" value="Submit" >
</form>
form name = login
input1 name = txtuser
input2 name = txtpass


หน้า check.php

Code: Select all

<script language="javascript">
function fncSubmit()
{
	if(document.login.txtuser.value == "")
	{
		alert('กรุณากรอกช่อง Username');
		document.login.txtuser.focus();
		return false;
	}	
	if(document.login.txtpass.value == "")
	{
		alert('กรุณากรอกช่อง Password');
		document.login.txtpass.focus();		
		return false;
	}	
	document.form1.submit();
}
</script>
document.form1.txt1.value == ""
login = ชื่อ Form
txtuser = ชื่อช่อง Input
value = ค่าที่อยู่ในช่อง Input

ถ้าค่าที่อยู่ใน txtuser == " "
ก็จะ alert(แจ้งเตือน) คำว่า กรุณากรอกช่อง Username

ถ้าต้องการเช็คค่าตัวอักษรก็ให้ใส่

Code: Select all

document.form1.txt1.value.length < 6
จะเป็นการเช็คค่าตัวอักษรไม่ให้น้อยกว่า 6 ตัว

Return to “Share Knowledge”

Who is online

Users browsing this forum: No registered users and 7 guests