我对在登录页面上工作的 jquery 和 javascript 非常陌生,我使用简单的 jquery 验证代码。检查我的用户名是否为 约翰和密码 通过如果它是正确的,它必须重定向到其他页面。否则我需要显示一条错误消息。
<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>
上面的代码正在检查第一个规则是否为空,但这本身不起作用。我没有收到任何错误标签消息。
这是 fiddle Link
提前致谢
问候
米
最佳答案
您的问题出在您的 HTML 中。 validate 按名称绑定(bind)属性。您的输入只有 ID,没有名称。 Take a look at my sample (jsfiddle) .它执行正确。您的 jquery 验证方法上的 formId 也不匹配。
如评论中所述,我还将外部资源添加到 fiddle (.validate jquery 插件)
网页
<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.",
}
});
});
关于javascript - 我的登录页面的 jquery 验证不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25205619/