在asp.net c#中使用jquery对HTML控件进行验证

本文关键字:HTML 控件 验证 jquery net asp | 更新日期: 2023-09-27 18:02:27

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

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

在asp.net c#中使用jquery对HTML控件进行验证

如果Error Occurred,这意味着验证失败。所以,你应该返回false,这样它就不会触发按钮点击事件背后的代码。否则返回true,使其转到Code Behind Validation完成后单击Event

,只是…

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

尝试这样做,防止默认行为并在验证后使用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;
    }
 }

要阻止默认按钮行为(即提交表单)直接触发,您需要在按钮单击处理程序结束时返回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;
});
显然,您创建的验证规则将取决于您的表单