javascript - 条件验证问题

Question

我是 JavaScript 验证和学习的新手，我正在尝试验证表单，但我遇到了条件问题。

在我的表单中，我有一个字段，即名称和一个提交按钮。

我正在尝试的是:

如果用户点击提交按钮并且文本框为空，则给出 alert('Please enter your First Name.')

然后，如果用户输入了正则表达式不允许的值，则给出 alert('Please enter only letters no special character allowed.');

但我每次都会收到第一个警报。怎么了我不明白。

我的代码:

jQuery('#send').click(function () {

    var reg_first_name = /^[A-Za-z ]{3,20}$/;

    var first_name = jQuery('#sa_first_name').val();

    if(first_name.length > 0){
        alert('Please enter your First Name.');
        document.getElementById("sa_first_name").focus();
        return false;
    }
    if (!reg_first_name.test(first_name)) {
        alert('Please enter only letters no special character allowed.');
        document.getElementById("sa_first_name").focus();
        return false;
    }

    return false;
});

你能指导我吗？

Answer 1

如果用户输入名称，first_name.length > 0 将始终为真。

你可以这样检查

if($.trim(first_name) == '')

也避免只有空格