jquery验证位置

Question

我正在尝试使用jquery验证.以下示例:http://docs.jquery.com/Plugins/Validation效果很好,我想用我的代码重现.但是我不确定在哪里调用它.

我所拥有的是生成的html表,当您单击任何行的"编辑"按钮时,它会打开一个表单.我想用jquery验证这个表单.我相信这是有效的,但是当我在表单上点击提交时,我隐藏了表单,所以我永远看不到验证工作......我想.

我用javascript生成表单,提交按钮如下所示:

var mysubmit = document.createElement("input");
mysubmit.type = "submit";
mysubmit.name = "Submit";
mysubmit.value = "Apply"
mysubmit.onclick = function() { 
   //return formSubmitactivecameras();
js("#EditCameraForm").validate();
    this.form.submit();
};
myform.appendChild(mysubmit);

这几乎没有足够的信息,所以我在这个小提琴中有所有代码:http: //jsfiddle.net/UtNaa/36/.但是,当您单击"编辑"按钮时,我似乎无法使用小提琴.这打开了我想要验证的表单.

我不确定验证是否真的有效.也许是这样,但是当您点击表单上的提交按钮时,表单会隐藏.小提琴再次无法显示表单,但它确实对我的网站有用.希望那里的代码至少会有所帮助.

Answer 1

基本上你需要通过添加调用它来为每个元素添加验证

 myinput.className = "required"; // add this line

然后在应用验证之前首先附加所有元素

或者通过添加规则

js("#EditCameraForm").validate();
        rules: {
            camera_name: {
                required: true,
                minlength: 50,
                maxlength: 10
            },
};

在这个例子中,它需要输入最多50个字符和最小值10

您还可以在使用addMethod之前添加自定义验证,然后才能进行验证

$.validator.addMethod("alphanum", function(value, element) {
    return this.optional(element) || /^[a-z0-9]+$/i.test(value);
}, "This field must contain only letters and numbers.");

js("#EditCameraForm").validate();
        rules: {
            camera_name: {
                required: true,
                alphanum: true,
                minlength: 50,
                maxlength: 10
            },
};

然后当你点击提交按钮时提交表单但是不要把hide放在那里只是放入validators的提交处理程序

js("#EditCameraForm").validate();
    rules: {
        camera_name: {
            required: true,
            minlength: 50,
            maxlength: 10
        }
    },
    submitHandler: function() {
        // do stuff once form is valid but before it is sent
    }
};

以下是如何应用自定义消息的示例,这将在规则之后进行

messages: {
    email: {
        required: 'Enter this!'
    }
}

升