如何在MVC中捕获jQuery验证事件
我有一个表单,允许用户输入一个值,应该是一个数字。我正在使用ValidationMessageFor提供验证测试。我还添加了一个函数,用于在单击提交按钮后禁用它们。如果用户输入文本值,然后单击“提交”,则该按钮将被禁用,不能再次单击 当jQuery求值发生时,如何捕获事件,以便在那时重新启用按钮如何在MVC中捕获jQuery验证事件,jquery,asp.net-mvc,Jquery,Asp.net Mvc,我有一个表单,允许用户输入一个值,应该是一个数字。我正在使用ValidationMessageFor提供验证测试。我还添加了一个函数,用于在单击提交按钮后禁用它们。如果用户输入文本值,然后单击“提交”,则该按钮将被禁用,不能再次单击 当jQuery求值发生时,如何捕获事件,以便在那时重新启用按钮 <script> function setOneClick(buttonName) { $('[name="' + buttonName + '"]').click(
<script>
function setOneClick(buttonName) {
$('[name="' + buttonName + '"]').click(function () {
console.log("save");
var self = this;
setTimeout(function () { $(self).prop('disabled', true); });
});
}
$(document).ready(function () {
setOneClick("prevStep");
setOneClick("saveStep");
setOneClick("nextStep");
});
</script>
@Html.EditorFor(Function(m) m.Value)
@Html.ValidationMessageFor(Function(m) m.Value)
@<input type="submit" name="prevStep" value="Previous" />
@<input type="submit" name="saveStep" value="Save" />
@<input type="submit" name="nextStep" value="Next" />
@Section Scripts
@Scripts.Render("~/bundles/jqueryval")
End Section
函数setOneClick(按钮名称){
$(“[name=“”+buttonName+“]”)。单击(函数(){
控制台日志(“保存”);
var self=这个;
setTimeout(函数(){$(self).prop('disabled',true);});
});
}
$(文档).ready(函数(){
setOneClick(“prevStep”);
setOneClick(“保存步骤”);
setOneClick(“下一步”);
});
@EditorFor(函数(m)m.Value)
@Html.ValidationMessageFor(函数(m)m.Value)
@
@
@
@节脚本
@Scripts.Render(“~/bundles/jqueryval”)
端部
@使用(Ajax.BeginForm(“操作”、“控制器”,
新的AjaxOptions{HttpMethod=“POST”},
新的{id=“formId”})
{
@EditorFor(函数(m)m.Value)
@Html.ValidationMessageFor(函数(m)m.Value)
}
函数submitFormDisablebtn(){
var validForm=jQuery(“#formId”).valid();//如果模型无效,则
//将显示验证消息。
如果(validForm==true){
jQuery(“#submitB”).attr(“禁用”、“禁用”);
jQuery(“#formId”).submit();
}
}
希望你能理解,这将帮助你
@using (Ajax.BeginForm("Action", "Controller",
new AjaxOptions { HttpMethod = "POST"},
new { id = "formId" }))
{
@Html.EditorFor(Function(m) m.Value)
@Html.ValidationMessageFor(Function(m) m.Value)
<input type="button" onclick="submitFormDisablebtn()"value="@Resource.Save" class="t-button" id="submitB"/>
}
<script type="text/javascript">
function submitFormDisablebtn() {
var validForm = jQuery("#formId").valid(); //if the model will be not valid the
//validation messages will be displayed.
if (validForm == true) {
jQuery("#submitB").attr("disabled", "disabled");
jQuery("#formId").submit();
}
}
</script>