Question

我想用jQuery验证来验证元素。我该怎么办？我的元素条件是：它的长度大于5，它是必填字段。

我的元素代码：

<input type="password" name="password_field" />

我不希望$('form).validation()方法。我想在没有表单选择器的情况下验证该方法。

Answer 1

jsFiddle中的代码存在一些问题......

$(document).ready(function () {
    $('#submit').click(function () {
        $('textarea').validate({
            ....

.validate()方法永远不会进入click处理程序。 .validate()方法是插件的初始化方法，只属于DOM ready事件处理程序。
您无法将.validate()方法附加到textarea元素。如第1项中所述，它是插件的初始化方法，只会附加到form元素。
```
$(document).ready(function () {

    $('form').validate({ // initialize plugin on your form
        .... 
```
您的button元素必须包含type="submit"属性才能使验证正常运行。
```
<button type="submit" value="submit" id="submit">submit</button>
```

工作演示：https://jsfiddle.net/e639w4c3/

我建议您花点时间查看the official documentation以及the Tag Wiki page上的基本使用指南。

标题：jQuery验证检查单个元素

要检查单个元素，您可以将the .valid() method直接附加到您的字段。

$(document).ready(function () {

    $('form').validate({ // initialize plugin on your form
        // your options
    }); 

    $('#myElement').valid(); // <- validate a single element

});

Answer 2

我不明白为什么你不想拥有表单选择器。你的问题的解决方案将是直截了当的

$(".selector").validate({
  rules: {
    password_field: {
      required: true,
      minlength: 5
    }
  },
  messages: {
    name: {
      required: "This field is required",
      minlength: "Password should at least have 5 characters"
    }
  }
})

jQuery验证检查单个元素

2 个答案: