javascript - 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);

这些信息还不够，所以我在这个 fiddle 中找到了所有代码:http://jsfiddle.net/UtNaa/36/ .但是，当您单击“编辑”按钮时，我似乎无法让 fiddle 工作。这会打开一个我想要验证的表单。

我不确定验证是否真的有效。也许是，但是当您点击表单上的提交按钮时，表单会隐藏。 fiddle 再次无法显示表格，但它在我的网站上对我有用。希望其中的代码至少会有所帮助。

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 放在那里只是放入验证器的提交处理程序

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!'
    }
}

我