使用带有正则表达式的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();
    }
     ...

...