แจก Code เช็คค่า Form ก่อน Submit ด้วย Javascript เป็นการตรวจสอบค่าใน Input ภายใน Form ของเราก่อนที่จะทำการ Submit เพื่อความสะดวกของผู้ใช้งาน และเพื่อความสวยงามของเว็บไซต์ของเรา
Download
ตัวอย่าง jQuery Form Validator
เริ่มต้นการใช้งานด้วยการติดตั้ง Script ด้านล่างไว้ใน Tag <head>.....</head> ของเว็บไซต์ของเรา
<link href="css/validate_form.css" rel="stylesheet"/>
<script src="js/jquery.min.js"></script>
<script src="js/validate_form.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/validate_form.js"></script>
หลังจากที่ติดตั้ง Script ได้แล้ว เราจะได้ Form ตามตัวอย่างในด้านล่าง
อธิบายเพิ่มเติม : จากตัวอย่างเมื่อทำการกรอกข้อมูลครบถ้วนและกด Submit Form จะมี Popup คำว่า "Validate" แสดงขึ้นมา Code ในส่วนนี้หากนำไปใช้งานจริงให้ท่านสามารถเขาไปแก้ไขไฟล์ "validate_form.js" จากนั้น Form ของคุณก็จะสามารถ Submit Form ได้แล้ว
เปลี่ยนจาก
if(validate === true){
alert('Validate');
//$form.submit();
}else{
$form.find('.send-data').removeClass('disabled');
}
เป็น
if(validate === true){
$form.submit();
}else{
$form.find('.send-data').removeClass('disabled');
}
if(validate === true){
alert('Validate');
//$form.submit();
}else{
$form.find('.send-data').removeClass('disabled');
}
เป็น
if(validate === true){
$form.submit();
}else{
$form.find('.send-data').removeClass('disabled');
}
