向jQuery添加规则从后面的代码进行验证

Question

I know that to add a validator with jQuery you would do something like this:

 $(document).ready(function() {
            $("#form1").validate({
                rules: {
                    <%=txtUserName.UniqueID %>: {
                    maxlength: 5,
}

But how would I add to the rules from the code behind, say for example add the required rule to the textbox.

How would I go about doing that?

Thanks in advance.

Answer 1

One approach would be to produce the entire rules parameter using a function in the code behind, so for example on the page you would have:

 $(document).ready(function() {
        $("#form1").validate(<%=GetValidationRules()%>); 

and then add a function in the code behind, GetValidationRules that returns the parameter containing the rules for all controls to be validated.

Answer 2

To add a rule to an element you can try

$("#input_ID").rules("add", "required"); // input_ID is element's id

Above line will add the required rule to an element with id input_ID . But in this case you have to call $("#form1").validate(); first and you have it already. Also you can use

$("#form1").validate({
    rules: {
        name: "required",
        email: {
            required: true,
            email: true
        }
   },
   messages: {
       name: "Please specify your name",
       email: {
           required: "We need your email address to contact you",
           email: "Your email address must be in the format of name@domain.com"
        }
    }
});

Above code specifies a name element as required and an email element as required and a valid email address. A single message is specified for the name element, and two messages for email . Here, name and email are name of two elements.

Read More .

Answer 3

通过使用StringBuilder建立字符串查询，然后使用以下命令在页面上注册脚本，即可解决此问题：

ScriptManager.RegisterClientScriptBlock