在 html 控件上使用 jquery 在 asp.net c# 中验证按钮单击答案

【问题标题】：validation on html controls using jquery in asp.net c# on button click在 html 控件上使用 jquery 在 asp.net c# 中验证按钮单击
【发布时间】：2014-05-09 18:59:25
【问题描述】：

看起来像这篇文章。 http://www.c-sharpcorner.com/UploadFile/cd7c2e/validate-form-on-click-of-anchor-using-jquery/ 但在此没有提到如何停止按钮单击，直到错误完成。

所以当我们点击提交点击并发生错误并在 c# 代码上触发提交点击时，我想在显示错误时停止

【问题讨论】：

你可以使用onclientclick="return validateForm()"来停止服务端调用，这是你想要的吗？

标签： c# jquery html asp.net

【解决方案1】：

如果发生错误，则意味着验证失败。所以，你应该返回false，这样它就不会触发按钮点击事件背后的代码。否则返回true，以便在验证完成后转到点击事件后面的代码。

所以，简单地说……

if(Validation failed)
{
    return false;
}
else
{
    return true;
}

【讨论】：

【解决方案2】：

试试这样，防止默认行为，验证后用js提交表单：

<form action="actionpage.asp" onsubmit="submitForm();" name="form">

<input type="submit" value="Submit">

</form> 


function submitForm(){

    if(validationfails){

        return false;
    }
    else  {
        document.form.submit();
        return true;
    }
 }

【讨论】：

【解决方案3】：

要立即停止默认按钮行为（即提交表单），您需要在按钮单击处理程序结束时返回 false

例如

$("#mybutton").click(function() {

    // validate your form 
    $("#form1").validate({
            submitHandler: function (form) {
                form.submit();
            },
            rules: {
                name: "required",
                email: {
                    required: true,
                    email: true
                },
                field: {
                    required: true,
                    digits:true
                }
            }
        });

    return false;
});

显然，您创建的验证规则将取决于您的表单

【讨论】：