使用正则表达式和Ajax进行表单验证

15 浏览
0 Comments

使用正则表达式和Ajax进行表单验证

目前我正在使用Ajax来在按键时获取输入字段的值，并将其与mysql中的数据进行匹配，如果数据是唯一的，则将边框变为绿色并标记为“√”，否则将边框变为红色并标记为“×”。现在我想添加正则表达式来验证输入并限制它。\n

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();
                }
            }
        });
    }
}

\n我想使用以下正则表达式来验证数据：\n

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

0

1 答案

0 Comments

问题的原因是需要在客户端使用正则表达式来进行表单验证，但是需要注意的是不应该在客户端验证用户代码，因为客户端输入可能是恶意的。解决方法是改变正则表达式，使得用户名的最小长度（username.length < 4）也包含在内。代码示例中使用了if/else语句来判断用户名是否符合正则表达式的条件，根据条件的不同，对用户名进行不同的处理。如果用户名不符合条件，则修改边框样式和隐藏一些元素；如果用户名符合条件，则显示一些元素。需要注意的是，具体的验证过程依赖于服务器的响应和数据传输。文章的其他内容是关于问题的进一步讨论和询问是否解决了问题的回答。

0