type=submit 時有用，type="button"時不生效啊
有沒有什么辦法解決，這個 validate插件。一般的AJAX都是通過 type="button" 傳輸?shù)?br />
underfineded
2016-06-07
3 回答
舉報
0/150
提交
取消
2016-06-08
一個表單中必須有一個submit，用來提交表單數(shù)據(jù)，后臺的驗(yàn)證在提交時就根據(jù)你所設(shè)定的$("#form1").validate，這個進(jìn)行驗(yàn)證，并出現(xiàn)相應(yīng)的提示信息。
如果改成button，也是可以的，但沒必要吧，自己給這個btn綁定一個事件，來進(jìn)行驗(yàn)證，效果一樣，但submit是提交整個表單的數(shù)據(jù)。
至于后臺驗(yàn)證？是指這個WEB端的驗(yàn)證，還是PHP那里的驗(yàn)證呢？如果是前者，簡單的話使用submitHandler，使用AJAX，如果是PHP那里的話，咱們就約定好JSON數(shù)據(jù)格式就好了。
2016-06-08
<script type="text/javascript">
? ? ? ?$(function () {
? ? ? ? ? ?$("#form1").validate({
? ? ? ? ? ? ? ?rules: {
? ? ? ? ? ? ? ? ? ?UserName: { required: true, minlength: 3, maxlength: 18, remote: "/Home/CheckUserName" },
? ? ? ? ? ? ? ? ? ?Email: { required: true,email:true },
? ? ? ? ? ? ? ? ? ?UserPassword: { required: true ,minlength: 6 },
? ? ? ? ? ? ? ? ? ?Mobile: { required: true, number:true },
? ? ? ? ? ? ? ? ? ?IdCard: { required: true,isIdCardNo: true },
? ? ? ? ? ? ? ? ? ?Age: { required: true ,number:true,min:1,max:100 }
? ? ? ? ? ? ? ?},
? ? ? ? ? ? ? ?messages:{
? ? ? ? ? ? ? ? ? ?UserName: {
? ? ? ? ? ? ? ? ? ? ? ?required: "請輸入用戶名！",
? ? ? ? ? ? ? ? ? ? ? ?minlength: "用戶名長度最少需要3位！",
? ? ? ? ? ? ? ? ? ? ? ?maxlength: "用戶名長度最大不能超過18位！",
? ? ? ? ? ? ? ? ? ? ? ?remote: "此用戶名已存在！"
? ? ? ? ? ? ? ? ? ? },
? ? ? ? ? ? ? ? ? ?Email: {
? ? ? ? ? ? ? ? ? ? ? ?required: "請?zhí)顚戉]箱",
? ? ? ? ? ? ? ? ? ? ? ?email: "請輸入正確的郵箱格式"
? ? ? ? ? ? ? ? ? ?},
? ? ? ? ? ? ? ? ? ?UserPassword: {
? ? ? ? ? ? ? ? ? ? ? ?required: "請?zhí)顚懩愕拿艽a!",
? ? ? ? ? ? ? ? ? ? ? ?minlength: "密碼長度不能小于6位"
? ? ? ? ? ? ? ? ? ?},
? ? ? ? ? ? ? ? ? ?Mobile: {
? ? ? ? ? ? ? ? ? ? ? ?required: "請?zhí)顚懩愕氖謾C(jī)號碼",
? ? ? ? ? ? ? ? ? ? ? ?number:"手機(jī)號碼只能為數(shù)字"
? ? ? ? ? ? ? ? ? ? },
? ? ? ? ? ? ? ? ? ?IdCard: {
? ? ? ? ? ? ? ? ? ? ? ?required: "請輸入身份證號碼！",
? ? ? ? ? ? ? ? ? ? ? ?isIdCardNo:"請輸入正確的身份證號碼！"
? ? ? ? ? ? ? ? ? ?},
? ? ? ? ? ? ? ? ? ?Age: {
? ? ? ? ? ? ? ? ? ? ? ?required: "請輸入年齡!",
? ? ? ? ? ? ? ? ? ? ? ?number: "請輸入數(shù)字",
? ? ? ? ? ? ? ? ? ? ? ?min: "年齡不能小于1",
? ? ? ? ? ? ? ? ? ? ? ?max: "年齡不能大于100"
? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ?}, ? ? ? ? ? ? ? ?/*錯誤提示位置*/
? ? ? ? ? ? ? ?errorPlacement: function (error, element) {
? ? ? ? ? ? ? ? ? ?error.appendTo(element.parent());
? ? ? ? ? ? ? ?}
? ? ? ? ? ?})
? ? ? ?}) ? ?</script></head><body>
? ?<form id="form1" method="post" action="">
? ? ? ?<div>
? ? ? ?<p> 用戶名:<input type="text" value="" name="UserName" /> </p>
? ? ? ?<p> 密碼:<input type="password" value="" name="UserPassword" /> </p>
? ? ? ?<p> 郵箱:<input type="text" value="" name="Email" /> </p>
? ? ? ?<p> 手機(jī)號碼:<input type="text" value="" name="Mobile" /> </p>
? ? ? ?<p> 身份證號碼:<input type="text" value="" name="IdCard" /> </p>
? ? ? ?<p> 年齡:<input type="text" value="" name="Age" /> </p>
? ? ? ?<p> <input type="submit" id="btn1" value="提交"></p>
? ? ? ?</div>
? ?</form></body>
-------------
這邊的p> <input type="submit" id="btn1" value="提交"></p> ?type="submit"可以改成type="button"嗎？submit 就直接提交了。沒法進(jìn)行后臺驗(yàn)證了
2016-06-08
代碼放出來