Javascript เช็คค่าว่าง
Javascript เช็คค่าว่าง
 |
| alert javascript |
วันนี้ โปรแกรมเมอร์กากกาก จะมาบอกวิธีการเช็คค่าว่าง ด้วย javascript ในที่นี้ผมใช้ dreamweaver ในการเขียน code นะครับผมก็ขอ copy มาหมดเลยนะครับอาจจะรกๆไปบ้าง เราลองมาดู Code กันเลยนะครับ
code Javascript เช็คค่าว่าง
<script language="javascript"> // เปิดแท็กเพื่อใช้งาน javascript
function checkNull(){ //ชื่อ function ตั้งได้ตามความสดวกของเราได้เลยครับ
var forms=document.form1; //ผมสร้างตัวแปรมาเพื่ออ้างถึง form ครับ
if(forms.username.value == "" ){ //เช็ค if ใน textfile ที่กำหนด ตรง .value == "" คือถ้าเป็นค่า null ก็ให้ทำงานภายใน if นี้.
alert('กรุณากรอก Username'); //สั่งให้ขึ้นข้อความที่ต้องการ
forms.username.focus(); //เพิ่มความฉลาดให้โปรแกรมโดยการให้ cursor วิ่งไปในช่องที่ว่างอยู่
return false; //return false เป็นการไม่ให้โปรแกรมหรือหน้าเว็บเราทำงานต่อ
}
else if (forms.password.value == ""){
alert('กรุณากรอก Password'); //สั่งให้ขึ้นข้อความที่ต้องการ
forms.password.focus(); //เพิ่มความฉลาดให้โปรแกรมโดยการให้ cursor วิ่งไปในช่องที่ว่างอยู่
return false; //return false เป็นการไม่ให้โปรแกรมหรือหน้าเว็บเราทำงานต่อ
}
}
</script>//ปิดแท็ก
เมื่อ นำ Code javascript มารับกับ html ที่เราเขียนไว้จะได้ดังนี้(ผมใช้ dreamweaver เขียนนะครับ Code อาจจะรกๆ)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> Check null</title>
<script language="javascript">
function checkNull(){
var forms=document.form1;
if(forms.username.value == "" ){
alert('กรุณากรอก Username');
forms.username.focus();
return false;
}
else if (forms.password.value == ""){
alert('กรุณากรอก Password');
forms.password.focus();
return false;
}
}
</script>
</head>
<body>
<form name="form1" method="post" action="" onsubmit="javascript:return checkNull();">
<input type="text" id="username" name="username">
<input type="password" id="password" name="password" >
<button type="submit" name="lgin" value="Sign in" >Sign in</button>
</form>
</body>
</html>
แค่นี้ก็เป็นอันเสร็จสำหรับ Javascrirp เช็คค่าว่างนะครับ และในส่วน onsubmit="javascript:return checkNull(); เป็นการเรียกใช้งาน function และในส่วนของ form1 , username,password ที่ผมทำสีเขียวไว้นั้น เพื่อให้เข้าใจง่ายว่า ชื่อที่ใช้ในการอ้างอิงนั้นจะต้องตรงกัน เพราะท่านอาจจะนำไปประยุกต์ใช้ในชื่อต่างๆได้ สำหรับบทความนี้ก็ขอจบไว้เพียงแค่นี้ครับ
Categories
:
เขียนโปรแกรม
,
javascript
,
Javascript เช็คค่าว่าง
พี่คะ หนูเขียนเป็นแบบ PHP แล้วถ้าเกิดเชื่อมกับฐานข้อมูลด้วย ใช้โค้ดชุดนี้มันไม่ได้อ่ะค่ะ ต้องเปลี่ยนอะไรตรงไหนหรอคะ
ตอบลบ
ตอบลบ$host = "localhost";
$user = "username";
$pass = "password";
$dbname = "database name";
$conn = mysql_connect("$host","$user","$pass") or die (mysql_error());
mysql_select_db =($dbname,$conn);
mysql_query = ("SET NAMES UFT8");
พี่ค่ะถ้าเกิดค่าว่างมากกว่า2ช่องเพิ่มโค้ดยังไงค่ะ
ตอบลบelse if (forms.id ของช่างที่จะเช็ก.value == ""){
ลบalert('กรุณากรอก Password'); //สั่งให้ขึ้นข้อความที่ต้องการ
forms.id ของช่างที่จะเช็ก.focus(); //เพิ่มความฉลาดให้โปรแกรมโดยการให้ cursor วิ่งไปในช่องที่ว่างอยู่
return false; //return false เป็นการไม่ให้โปรแกรมหรือหน้าเว็บเราทำงานต่อ
}
MrebherVfos-riDes Moines Jeremy Hearshman Download crack
ตอบลบorciocremic