1

在 html 中，只有三个文件名称不同，例如 : number_1 , number_2, number_3。我想用简洁的js代码进行上述验证。但它不起作用。有人可以解决这个问题吗？

这是我的 HTML，我想借助下面提到的 jquery 规则方法对其进行 jquery 验证：

    <form id="cc_form" method="post" action="">
    <div id="container">
    <div id="block1">
    CC_number_1 : <input type="text" id="number_1" name="number_1"> <br>
    </div>
    <div id="block2">
    CC_number_2 : <input type="text" id="number_2" name="number_2"> <br>
    </div>
    <div id="block3">
    CC_number_3 : <input type="text" id="number_3" name="number_3"> <br>
    </div>
    </div>
    <input type="submit" value="submit" name="submit">
    </form>

这是我的验证脚本，我想通过它进行如下验证。此处不包含 Jquery 库文件包含脚本。因此，请添加这些文件以进行如下验证。

    $("#cc_form").validate({

    rules:{
    [name^='number_']:{
    required:true
    }

    },
    messages:{
    [name^='number_']:{
    required:"Enter number"
    }
    }


    });
    enter code here

在 html 中，只有三个文件名称不同，例如 : number_1 , number_2, number_3。我想用简洁的js代码进行上述验证。但它不起作用。有人可以解决这个问题吗？

4

2 回答 2

2

尝试这个 ：-

$(document).ready(function(){
$("#cc_form").validate();
    $("input[id*=number]").each(function() {
        $(this).rules("add", {
            required: true,
            messages: {
                required: "This is required field"
            }
        });
    });
  });

该.validate()文档是一个很好的教程，以及如何添加规则.rules("add", option)：

添加指定规则并返回第一个匹配元素的所有规则。要求验证父表单，即$("form").validate()首先调用。

请确保首先您需要加载Jquery库，然后再jquery.validate.min.js

于 2013-02-07T12:59:45.597 回答
0

首先-[name^='number']不是正确的对象标签-您必须用引号将其封装。而且，不幸的是，它仍然不起作用，因为显然规则和消息标签需要是特定元素的 id 而不是选择器。

在这里工作小提琴：http: //jsfiddle.net/6nNRD/

于 2013-02-07T13:09:08.313 回答