我想验证我的表单,但我遇到了这个错误:
Uncaught TypeError: $(...).validate is not a function
我包含了js文件验证jquery-validate.min.js和jquery-validate.js.Thanks
的index.html
<form id="form1">
<label for="phone">First Name</label>
<input type="text" name="name" required />
<input type="button" id="btn" value="ok" />
</form>
file.js
$(document).ready(function (){
$("#form1").validate({
rules: {
name: "required"
},
messages: {
name: "Please specify your name"
}
})
$('#btn').click(function() {
$("#form1").valid();
});
});
答案 0 :(得分:0)
选中此项并注意脚本的包含方式:
$(document).ready(function (){
$("#form1").validate({
rules: {
name: "required"
},
messages: {
name: "Please specify your name"
}
});
$('#btn').click(function() {
$("#form1").valid();
});
});
#form1 label.error {
color: #FB3A3A;
display: block;
margin: 10px;
padding: 0;
text-align: left;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.13.1/jquery.validate.min.js"></script>
<form id="form1">
<label for="name">First Name</label>
<input type="text" name="name" required />
<input type="button" id="btn" value="ok" />
</form>