62,074
社区成员
发帖
与我相关
我的任务
分享关于ASP.NET MVC验证的问题
我想做的是在自带的验证成功时禁用submit按钮,以防止用户重复提交,但是submitHandler方法始终是不执行的,求解
页面代码
$("#form1").validate({
submitHandler: function (form) {
alert(2);
form.submit();
}
});
页面代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Create</title>
<link href="/Content/Site.css" rel="stylesheet" type="text/css" />
<script src="/Js/jquery-1.5.1.min.js" type="text/javascript"></script>
</head>
<body>
<h2>Create</h2>
<script src="/Js/jquery.validate.min.js" type="text/javascript"></script>
<script src="/Js/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#form1").validate({
submitHandler: function (form) {
alert(2);
form.submit();
}
});
});
</script>
<form action="/Home/Create" id="form1" method="post" name="form1"> <fieldset>
<legend>T003</legend>
<div class="editor-label">
<label for="P001">P001</label>
</div>
<div class="editor-field">
<input class="text-box single-line" data-val="true" data-val-length="标题至少3至20字之内" data-val-length-max="20" data-val-length-min="3" data-val-required="必须输入标题" id="P001" name="P001" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="P001" data-valmsg-replace="true"></span>
</div>
<div class="editor-label">
<label for="P002">P002</label>
</div>
<div class="editor-field">
<input class="text-box single-line" id="P002" name="P002" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="P002" data-valmsg-replace="true"></span>
</div>
<div class="editor-label">
<label for="G001">G001</label>
</div>
<div class="editor-field">
<input class="text-box single-line" data-val="true" data-val-required="G001 字段是必需的。" id="G001" name="G001" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="G001" data-valmsg-replace="true"></span>
</div>
<p>
<input type="submit" value="Create" />
</p>
</fieldset>
</form>
<div>
<a href="/">Back to List</a>
</div>
</body>
</html>
...全文
请发表友善的回复…
发表回复
shen 2013-05-28
- 打赏
- 举报
这个是jquery.validate.unobtrusive.js惹的祸，个人觉得微软jquery.validate.unobtrusive.js的封装过于拙略，太让人无奈了。
有兴趣你看看jquery.validate.unobtrusive.js的内部逻辑，就明白为何jquery.validateion的默认方法都无效了
yangchun1213 2011-11-01
- 打赏
- 举报
MVC没用过，java中的mvc以前倒是用过蛮多
ailin84 2011-11-01
- 打赏
- 举报
应该是,提交的时候再验证吧,或者你把按钮的submit改成button
然后按钮的click事件,通过则提交表单
$("#form1").submit(function()
{
return $("#form1").validate({...});
}
然后按钮的click事件,通过则提交表单
qmialo88 2011-11-01
- 打赏
- 举报
晕,MVC的问题没人回答啊,只是想在验证成功提交时禁用submit按钮啊
rczjp 2011-10-31
- 打赏
- 举报
这个js吧，不执行submitHandler方法，可以一步一步来调试，看是哪儿的问题，很明显不执行就是没有执行到validate这个方法里面！
qmialo88 2011-10-31
- 打赏
- 举报
自己顶下,都看不见了
