我对jquery& amp; javascript在登录页面上工作,我使用简单的jquery验证码。要检查我的用户名是 john 还是密码传递,如果它是正确的,则必须重定向到其他页面。否则我需要显示错误信息。
<script type="text/javascript">
$(document).ready(function () {
$("#form1").validate({
debug: false,
rules: {
name: "required",
password: {
required: true,
minlength: 8
}
},
messages: {
name: "Please enter your name.",
password: "Please enter 8 letters minimum.",
}
});
});
</script>
上面的代码检查了第一个规则,如果它是否为空,但这本身不起作用。我没有收到任何错误标签消息。
这是小提琴Link
提前致谢
此致 中号
答案 0 :(得分:3)
您的问题出在您的HTML中。 validate按名称绑定属性。您的输入只有ID而没有名称。 Take a look at my sample (jsfiddle)。它执行正确。你的jquery验证方法也有不匹配的formId。
如评论中所述,我还将外部资源添加到小提琴(.validate jquery插件)
<强> HTML 强>
<h1>Form Validation Example</h1>
<form id='form1' name='form1' method='post' action='' > <p>
Name: <input type='text' name='name' id='name' class='required' />
</p>
<p>
Email: <input type='text' name='password' id='password' class='required' />
</p>
<p>
<input type='submit' name='Submit' value='Submit' />
</p>
</form>
<强>的Javascript 强>
$(document).ready(function(){
$("#form1").validate({
debug: false,
rules: {
name: "required",
password: {
required: true,
minlength: 8
}
},
messages: {
name: "Please enter your name.",
password: "Please enter 8 letters minimum.",
}
});
});