这很有效。。。
<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
}
}
});