无法让我的jquery formvalidator工作

时间:2012-04-28 07:04:03

标签: jquery

刚刚开始使用jquery,但是我无法通过简单的验证来完成工作。

Validator.js -

    $(document).ready(function(){

    var form = $("#contactForm");
    var name = $("#cfvname");
    var email = $("#cfvemail");
    var msg = $("#cfvmessage");

    name.blur(validateName);
    email.blur(validateEmail);

    form.submit(function(){
        if(validateName() & validateEmail() & validateMsg()){
            return true;
        }
        else{
            return false;
        }
    });

    function validateEmail(){
        var a = $("email").val();
        var filter = /^[a-zA-Z0-9]+[a-zA-Z0-9_.-]+[a-zA-Z0-9_-]+@[a-zA-Z0-9]+[a-zA-Z0-9.-]+[a-zA-Z0-9­]+.[a-z]{2,4}$/;

        if(filter.test(a){
            email.removeClass("error");
            return true;

        } 
        else{
            email.addClass("error");
            return false;
        }
    }

    function validateName(){
        if(name.val().length < 5){
            name.addClass("error");
            return false;       
    } 
        else{
            name.removeClass("error");
            return true;
    }

    function validateMsg(){
        if(msg.val().length < 50){  
            msg.addClass("error");
            return false;
        }
        else{
            msg.removeClass("error");
            return true;
        }
    }
});

HTML -

<form id="contactForm" method="post" action="">
    <div>   
        <label for="dwc_name">Name</label>
        <br />
        <input type="text" id="cfvname" name="dwc_name" />
    </div>
    <div>       
        <label for="dwc_email">Email</label>
        <br />
        <input type="text" id="cfvemail" name="email" />
    </div>
    <div>
        <label for="dwc_message">Message</label>
        <br />
        <input type="textarea" id="cfvmessage" name="dwc_message" />
    </div>
    <div>
        <br />
        <input type="submit" id="send" value="Send" name="dwc_submit" />
    </div>
</form>

如果有意义的话,我只是想验证字符和电子邮件的名称和消息以获取正确的电子邮件。英语不是我最好的语言。

我正在运行同一目录中的所有文件。因为我让其他东西工作 whoa ,所以它们被包含在内。

无论如何,任何帮助都是适当的。

再次,抱歉恼人的英语。

1 个答案:

答案 0 :(得分:0)

此行错误

var a = $("email").val(); 

而不是它你需要使用

var a = email.val();