我对 jquery 和 javascript 非常陌生,在登录页面上工作,我使用简单的 jquery 验证代码。要检查我的用户名 john 和密码 pass 是否正确,它必须重定向到其他页面。否则我需要显示错误消息。
<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 插件)
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.",
}
});
});
关于javascript - 我的登录页面的 jquery 验证不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25205619/