我正在尝试使用jQuery Validator插件。我之前从未使用过jQuery插件,所以我希望我错过了一些简单的东西。我想使用这个插件来验证一个简单的表单。
<!DOCTYPE html>
<html>
<head>
<title>Programming Cards</title>
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="jquery.validate.js"></script>
<script>
$("#myForm").validate({
rules: {
name: {
required: true
},
password: {
required: true
}
}
});
</script>
</head>
<body>
<form id="myForm">
<label for="name">Name: </label>
<input id="name" name="name"/> <br />
<label for="password">Password: </label>
<input id="password" name="password" /> <br />
<input type="submit" />
</form>
</body>
</html>
当我运行此代码时,根本不会进行验证。无论输入是什么,都可以提交表格。
目标是使用户只有在填写了名称和密码文本输入时才能提交表单。
我下载了jQuery Validator插件,我剪切了名为jquery.validate.js的文件,并将该文件粘贴到index.php所在的文件夹中(index.php是下面显示的文件)。
我知道我正在进行的验证类型非常简单。我知道没有这个插件就可以完成。但是,我想使用这个插件来解决这个问题,因为我打算使用这个插件来进行更复杂的验证。
目标摘要
我想使用jQuery Validator插件来确保在提交表单之前两个文本框都包含值。
答案 0 :(得分:1)
使用文档准备好包装代码:
<script>
$(document).ready(function() {
$("#myForm").validate({
rules: {
name: {
required: true
},
password: {
required: true
}
}
});
});
</script>
这是因为在DOM完全加载之前,jquery无法找到该字段。