jQuery Validation javascript定义的规则不起作用


jQuery Validation javascript defined rules not working

这很有效。。。

<input type="text" id="valid" width="200px" minlength="5" />

这不是。。。

<input type="text" id="valid" width="200px" />
...
$(document).ready(function() {
    $('#validationform').validate({
        rules: {
            valid: {
                minlength:5
            }
        },
        messages: {
            valid: {
                minlength: "Need more characters"
            }
        }
    });
});

javascript保存在头部分中链接的文件validationrules.js中。

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    <script src="<?php echo base_url();?>js/jquery.validate.min.js"></script>
    <script src="<?php echo base_url();?>js/validationrules.js"></script>

我可能错过了一些非常简单的东西。它是什么?提前谢谢。

看起来input名称缺少

元素上首先需要name属性,因为jQuery validate在内部使用什么作为每个字段的密钥,以及其次,因为name属性在输入元素上是必需的确保页面验证为指定的DOCTYPE。

代码:

<input type="text" id="valid" name="valid" width="200px" />

根据文档,我以前使用过这个插件。代码应包含规则、字段名称等。

<form id="myform">
<label for="field">Required: </label>
<input type="text" class="left" id="field" name="field">
<br/>
<input type="submit" value="Validate!">
</form>

声明:

$( "#myform" ).validate({
  rules: {
    field: {
      required: true
      }
   }
});