type=submit 時(shí)有用，type="button"時(shí)不生效啊
有沒(méi)有什么辦法解決，這個(gè) validate插件。一般的AJAX都是通過(guò) type="button" 傳輸?shù)?br />
underfineded
2016-06-07
3 回答
舉報(bào)
0/150
提交
取消
2016-06-08
一個(gè)表單中必須有一個(gè)submit，用來(lái)提交表單數(shù)據(jù)，后臺(tái)的驗(yàn)證在提交時(shí)就根據(jù)你所設(shè)定的$("#form1").validate，這個(gè)進(jìn)行驗(yàn)證，并出現(xiàn)相應(yīng)的提示信息。
如果改成button，也是可以的，但沒(méi)必要吧，自己給這個(gè)btn綁定一個(gè)事件，來(lái)進(jìn)行驗(yàn)證，效果一樣，但submit是提交整個(gè)表單的數(shù)據(jù)。
至于后臺(tái)驗(yàn)證？是指這個(gè)WEB端的驗(yàn)證，還是PHP那里的驗(yàn)證呢？如果是前者，簡(jiǎ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: "請(qǐng)輸入用戶名！",
? ? ? ? ? ? ? ? ? ? ? ?minlength: "用戶名長(zhǎng)度最少需要3位！",
? ? ? ? ? ? ? ? ? ? ? ?maxlength: "用戶名長(zhǎng)度最大不能超過(guò)18位！",
? ? ? ? ? ? ? ? ? ? ? ?remote: "此用戶名已存在！"
? ? ? ? ? ? ? ? ? ? },
? ? ? ? ? ? ? ? ? ?Email: {
? ? ? ? ? ? ? ? ? ? ? ?required: "請(qǐng)?zhí)顚戉]箱",
? ? ? ? ? ? ? ? ? ? ? ?email: "請(qǐng)輸入正確的郵箱格式"
? ? ? ? ? ? ? ? ? ?},
? ? ? ? ? ? ? ? ? ?UserPassword: {
? ? ? ? ? ? ? ? ? ? ? ?required: "請(qǐng)?zhí)顚懩愕拿艽a!",
? ? ? ? ? ? ? ? ? ? ? ?minlength: "密碼長(zhǎng)度不能小于6位"
? ? ? ? ? ? ? ? ? ?},
? ? ? ? ? ? ? ? ? ?Mobile: {
? ? ? ? ? ? ? ? ? ? ? ?required: "請(qǐng)?zhí)顚懩愕氖謾C(jī)號(hào)碼",
? ? ? ? ? ? ? ? ? ? ? ?number:"手機(jī)號(hào)碼只能為數(shù)字"
? ? ? ? ? ? ? ? ? ? },
? ? ? ? ? ? ? ? ? ?IdCard: {
? ? ? ? ? ? ? ? ? ? ? ?required: "請(qǐng)輸入身份證號(hào)碼！",
? ? ? ? ? ? ? ? ? ? ? ?isIdCardNo:"請(qǐng)輸入正確的身份證號(hào)碼！"
? ? ? ? ? ? ? ? ? ?},
? ? ? ? ? ? ? ? ? ?Age: {
? ? ? ? ? ? ? ? ? ? ? ?required: "請(qǐng)輸入年齡!",
? ? ? ? ? ? ? ? ? ? ? ?number: "請(qǐng)輸入數(shù)字",
? ? ? ? ? ? ? ? ? ? ? ?min: "年齡不能小于1",
? ? ? ? ? ? ? ? ? ? ? ?max: "年齡不能大于100"
? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ?}, ? ? ? ? ? ? ? ?/*錯(cuò)誤提示位置*/
? ? ? ? ? ? ? ?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ī)號(hào)碼:<input type="text" value="" name="Mobile" /> </p>
? ? ? ?<p> 身份證號(hào)碼:<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 就直接提交了。沒(méi)法進(jìn)行后臺(tái)驗(yàn)證了
2016-06-08
代碼放出來(lái)