基于类名的Jquery验证

时间:2014-09-23 00:08:15

标签: jquery validation

HTML页面



<input id="Text1" type="text" class="abc" /><input id="Submit1" type="submit" value="submit1" />
    <input id="Text2" type="text" class="abc2" /><input id="Submit2" type="submit" value="submit2" />
&#13;
&#13;
&#13;
&#13;
&#13;
  $(document).ready(function () {
            $("#Submit1").on("click", test1);
            $("#Submit2").on("click", test2);
        });
        function grRules(className) {
            removeAllRules();

            $("#form1").validate();
            $("." + className).rules("add", { required: true, messages: { required: ""} });

            if ($("#form1").valid())
                return true;
            else
                return false;
        }

        function test1() {
            if (grRules("abc"))
                alert("ok! fine");
        }

        function test2() {
            if (grRules("abc2"))
                alert("ok! fine");
        }


function removeAllRules() {
    $('#form1').removeData('validator');
}
&#13;
&#13;
&#13;

On按钮单击我传递将要验证的Class Name ..并且每次点击按钮...然后将删除所有先前的验证

假设两个InputField都是空的...我点击了&#34; Button1&#34;表格不会提交b / c&#34; Text1&#34;是空的..现在我将填写&#34; Text2&#34;然后点击&#34; Button2&#34; ..here form应该提交..但鞋子它卡住并显示错误验证错误

请检查我做错了什么

由于

1 个答案:

答案 0 :(得分:0)

解决方案:我在输入字段中缺少名称属性,这就是验证无效的原因

感谢任何方式:)