jQuery表单验证 - 登录

时间:2013-12-11 20:19:20

标签: jquery html

我试图让它成为" jQuery表单验证,"但我真的无法让它发挥作用。它根本没有出现一些错误。

jQuery的:

$(document).ready(function () {
    $('#login').validate({
        rules: {
            email: {
                required: true,
                email: true
            },
            adgangskode: {
                required: true,
                minlength: 5
            }
        }
    });

});

Html / form here:

<form name="login" action="#" method="post" id="login">
                <p>Brugernavn</p>
                <input type="email" name="email" class="loginbar">
                <p>Password</p>
                <input type="password" name="adgangskode" class="loginbar">
                <input type="submit" name="login" value="Log ind" class="click login">
            </form>

问题:它没有出现并显示一些错误或者说&#34; 嘿,你缺少的是密码。&#34;

EIDT

的jQuery

$(document).ready(function () {
$('#login').validate({
    rules: {
        email: {
            required: true,
            email: true
        },
        adgangskode: {
            required: true,
            minlength: 5
        }
    }
});
});

Html

<form name="login" action="<?php $_SERVER['PHP_SELF'];?>" method="post" id="login">
            <p>Brugernavn</p>
            <input type="email" id="email" name="email" class="loginbar">
            <p>Password</p>
            <input type="password" id="adgangskode" name="adgangskode" class="loginbar">
            <input type="submit" name="login" value="Log ind" class="click login">
        </form>

1 个答案:

答案 0 :(得分:0)

$("#form")查找<form id="form"...
$(".form")寻找<form class="form"...
$("form[name=form]")查找<form name="form"...

同时检查您是否按正确的顺序包含了所有必要的文件:

  • jquery.js
  • validate.js
  • additional-methods.js
  • 然后你的自定义JS ......