javascript - 我的登录页面的 jquery 验证不起作用

标签 javascript jquery html

我对在登录页面上工作的 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/

相关文章:

javascript - 如何禁用按钮或基于 Angular 单选按钮启用

javascript - 是否可以将js变量写入纯HTML?

javascript - contenteditable 编辑后更改背景颜色

javascript - canvas/raphael.js - 在 Canvas 上动画对象

javascript - jQuery 中的对象

javascript - Angular 属性指令值

javascript - Jquery输入掩码在前缀后设置起始输入点

jquery - 如何在 HTML 中创建一个简单的微调器?或者 jQuery

html - 我有负边距,父 div 有更多宽度,但图片不能以正确的方式

javascript - 在javascript中为表格保留空间