Question

这有效......

<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>

我可能错过了一些非常简单的事情。它是什么？提前谢谢。

Answer 1

看起来缺少input名称

首先要在元素上使用name属性，因为这样做了 jQuery validate在内部用作每个字段的键，以及其次是因为输入元素需要name属性确保页面验证指定的DOCTYPE。

代码：

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

Answer 2

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

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

jQuery验证javascript定义的规则不起作用

2 个答案: