JQuery是一種廣泛使用的JavaScript庫,它可以簡化JavaScript的編寫,使得Web開發變得更加簡單。在Web表單驗證方面,JQuery表單驗證插件可以輕松地對表單進行驗證。
$(document).ready(function() { $("#submit_form").click(function() { var name = $("#name").val(); var email = $("#email").val(); var phone = $("#phone").val(); if (name == '') { alert("請輸入姓名!"); return false; } if (email == '') { alert("請輸入電子郵件地址!"); return false; } if (phone == '') { alert("請輸入電話號碼!"); return false; } var email_pattern = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/; if (!email_pattern.test(email)) { alert("請輸入有效的電子郵件地址!"); return false; } var phone_pattern = /^1(3|4|5|7|8)\d{9}$/; if (!phone_pattern.test(phone)) { alert("請輸入有效的電話號碼!"); return false; } alert("表單已提交!"); }); });
通過這些JS代碼,可以實現基本的表單驗證,只有當姓名、電子郵件地址和電話號碼都被填寫并且格式正確時,表單才能成功提交。
下一篇div need早餐