ajax - 使用带有正则表达式的 ajax 进行表单验证

Question

现在我正在使用 ajax 从按键输入字段中获取值并将其与 mysql 中的数据匹配，如果数据是唯一的，那么它将使边框为绿色并标记为红色边框和交叉。现在我想添加正则表达式来验证输入并限制它。

function username_check() {
        var username = $('#warden_id').val();
        if (username == "" || username.length < 4) {
            $('#warden_id').css('border', '1px #CCC solid');
            $('#tick').hide();
        } else {

            jQuery.ajax({
                type: "POST",
                url: "check.php",
                data: 'username=' + username,
                cache: false,
                success: function (response) {
                    if (response == 1) {
                        $('#warden_id').css('border', '1px #C33 solid');
                        $('#tick').hide();
                        $('#cross').fadeIn();
                    } else {
                        $('#warden_id').css('border', '1px #090 solid');
                        $('#cross').hide();
                        $('#tick').fadeIn();
                    }

                }
            });
        }

我想用来验证数据的正则表达式

/^[a-zA-Z\s]+$/

Answer 1

仅供引用，您不应在客户端验证用户代码。始终将来自客户端的输入视为 邪恶

我更改了正则表达式，以便包含用户名的最小长度( username.length < 4 )

 function username_check() {
    var username = $('#warden_id').val();

    // if / else has been turned
    if (username.match(/^[a-zA-Z\s]{4,}$/)) {
        ...
    } else {
        $('#warden_id').css('border', '1px #CCC solid');
        $('#tick').hide();
    }
     ...

...