简单的jquery输入名称表单验证

时间:2017-04-27 01:47:52

标签: javascript php jquery ajax validation

我有一个简单的工作ajax联系表单(大部分lol),我有PHP验证工作和发送我的电子邮件。我的问题是jquery部分,我想验证并根据输入错误的类型显示错误消息。现在看起来它总是为我的第一个if语句返回true(总是说输入字段中没有值)。我的代码在哪里出错?

if (!$.trim(("#contact-name").value).length) {
        console.log("Error: Required Name");
        $("#contact-name").next().text('Your name is required.');
}
    else { 
        var re = /^[a-zA-Z ]+$/;
        var is_name = re.test("#contact-name").val();
        if (is_name){
            error_free = true; 
            console.log("Success: Name is Valid");       
        }
        else {
            $("#contact-name").next().text('Your name cannot contain special characters');
            error_free = false;
            console.log("Error: Name cannot contain special characters");
        }
    }

1 个答案:

答案 0 :(得分:2)

对于第一个if语句,它应该是:

if (!$.trim($("#contact-name").val()).length)

然而,您可能只是这样做

if(!$("#contact-name").val().trim())

看起来有点干净