Jquery验证我的登录页面不工作

jquery validate for my login page is not working

本文关键字：工作 登录 验证 我的 Jquery      更新时间：2023-09-26

我是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>

上面的代码是检查第一个规则，如果它是空的或不是，但这本身不起作用。我没有得到任何错误标签信息。

这里是小提琴链接

Thanks in advance

的问候M

你的问题在你的HTML。根据绑定属性的名称验证它们。您的输入只有id而没有名称。请看我的样品。它执行正确。在jquery验证方法上也有不匹配的formId。

如评论中所述，我还将外部资源添加到小提琴(。验证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.",
        }
    });

  });
相关文章：