jquery เช็คค่าว่าง
jquery เช็คค่าว่าง
วันนี้ โปรแกรมเมอร์กากกาก จะมานำเสนอบทความการเช็คค่าว่างด้วย jquery ดังที่บทความก่อนหน้านี้ได้มีการเขียนไปแล้วเกี่ยวกับการเช็คค่าว่างด้วย javascript ซึ่งในบทความนี้ จะกระชับ code javascript ขึ้นมาอีกด้วย jquery เราลองมาดูตัวอย่าง code กันเลยดีกว่านะครับ
function check_null(){
var user = $("#user").val();
var pass = $("#pass").val();
if(user == ''){
alert("กรุณากรอก username ด้วยค่ะ !");
$("#user").focus();
return false;
}else if(pass == ''){
alert("กรุณากรอก password ด้วยค่ะ !");
$("#pass").focus();
return false;
}
}
เป็นไงครับพอจะเข้าใจหรือป่าว ถ้ายังไม่เข้าใจเราลองมาดู code ที่นำไปใช้แล้วกันดีกว่านะครับ
CODE jquery เช็คค่าว่าง
<!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>jquery ตรวจชอบค่าว่าง</title>
</head>
<script type="text/javascript" src="jquery-1.10.2.js"></script>
<script type="text/javascript">
function check_null(){
var user = $("#user").val();
var pass = $("#pass").val();
if(user == ''){
alert("กรุณากรอก username ด้วยค่ะ !");
$("#user").focus();
return false;
}else if(pass == ''){
alert("กรุณากรอก password ด้วยค่ะ !");
$("#pass").focus();
return false;
}
}
</script>
<body>
<form name="check" id="check" method="post" >
username :<input type="text" id="user" />
password :<input type="text" id="pass" />
<input type="button" id="add" value="เข้าสู่ระบบ" onclick="check_null();" />
</form>
</body>
</html>
อธิบาย CODE jquery เช็คค่าว่าง เล็กน้อย
เห็นไหมครับ code jquery เช็คค่าว่างสั้นกว่า javascript เช็คค่าว่าง มากพอสมควรนะครับและในบทความนี้ยังสามารถที่จะแยกแยะออกว่าอันไหน javascript อันไหน jquery คือจะบอกว่าทั้งสองตัวมันเป็นเดียวกันนะครับ แต่ jquery จะอ้างแค่ id ก็สามารถนำไปใช้งานได้แล้ว แต่ javascipt ต้องอ้างตั้งแต่ form ไปจอนถึง ชื่อ หรือ id นั้นๆ สำหรับโปรแกรมเมอร์กากกากคนนี้ก็ขอจบบทความไว้เพียงแค่นี้ครับ ไว้บทความต่อไปจะมานำเสนอเกี่ยวกับอะไรไว้ติดตามกันนะครับ ขอบคุณครับ
Categories
:
JQuery
,
jquery เช็คค่าว่าง
เชคค่าว่างไม่ได้ครับ jquery-1.10.2.js ก็โหลดมาแล้วครับ
ตอบลบลองเช็กพาทที่เก็บ jquery ดูครับว่าถูกไหม ตรงนี้
ลบsrc="jquery-1.10.2.js"
แล้วก็ลองเช็คดูว่า
id="user"
id="pass"
ไอดี ที่อ้างถึงถูกหรือป่าว ลองดูครับ