結論： 用普通按鈕做 ajax 提交更為合適。
<!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> <title>自訂驗證</title> <script src="jqValidate/jquery.min.js" type="text/javascript"></script> <script src="jqValidate/jquery.metadata.js" type="text/javascript"></script> <script src="jqValidate/jquery.validate.js" type="text/javascript"></script> <script src="jqValidate/jquery.validate.messages_cn.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $("#signupForm").validate({ onkeyup: true, rules: { zipcode:{ required: true, isZipCode: true } }, messages: { zipcode: { required: "請填寫郵編", isZipCode: "郵編不正確" } }, submitHandler: function(form) { //alert('要提交了!'); //1. 不可用 $(form).submit();否則會死迴圈 //2. 如果 form.submit()也不用，此表單就不會自動認可了 //form.submit(); //3. 下面是 ajax 提交 ajaxSubmit(); } }); // 郵遞區號驗證 $.validator.addMethod("isZipCode", function(value, element) { var tel = /^[0-9]{6}$/; return this.optional(element) || (tel.test(value)); }, "請正確填寫您的郵遞區號"); }); //ajax 提交 function ajaxSubmit(){ if( $("#signupForm").valid() ){ $.post("submit.ashx", function(data){ alert(data.result); }, "json"); } } </script></head><body> <form id="signupForm" method="get" action=""> <p> <label for="firstname"> 請輸入郵編: </label> <input id="zipcode" name="zipcode" /> </p> <p> <input class="submit" type="submit" value="Submit" /> <input class="button" type="button" onclick="ajaxSubmit()" value="普通button的ajax提交" /> </p> </form></body></html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
