Question

我是java脚本的新手，可以任何身体帮助。

此代码用于验证用户标识是否在数据库中可用，并且对我来说工作正常。但是当用户输入用户ID时，我还需要验证字符串的最小和最大长度。

<input type="text" id="userid" name="userid" class="form-control" data-required="true" onblur="return check_userexist();">
    <div id="InfoUsername"></div>



 function check_userexist(){

        var username = $("#userid").val();
        if(username.length > 0){
            $.post("/users/validator/check_username.php", {
                username: $('#userid').val(),
            }, function(response){
                 $('#InfoUsername').fadeOut();
                setTimeout("finishAjax('InfoUsername', '"+escape(response)+"')", 100);
            });
            return false;
        }
    }

php代码：

if($_REQUEST)
{
    $user   = $_REQUEST['userid'];
    if ($users->CountUsernameExist($user) >0) {
    echo 'Not Available!';
    }else{
    echo 'Ok available';
    } ;     
}

Answer 1

if(username.length >= MIN_LENGTH && username.length <= MAX_LENGTH){
    //allright

这里我们检查用户名

的MIN和MAX长度

Answer 2

有一个纯粹的html5解决方案，不使用javascript。您可以使用如下的pattern属性，其中min，max是2个边界数字：

 <input type="text" id="userid" name="userid" pattern=".{min,max}" required 
class="form-control" data-required="true" onblur="return check_userexist();">

请参阅pattern attribute

Answer 3

有一个纯粹的html5解决方案，不使用javascript。您可以使用如下的pattern属性，其中min，max是2个边界数字：

 <input type="text" id="userid" name="userid" pattern=".{min,max}" required 
class="form-control" data-required="true" onblur="return check_userexist();">

请参阅pattern attribute

Answer 4

还记得在php端检查，以防万一Javascript被禁用所以使用：

if(username.length > 0 && username.length <= ANY_VALUE) {

/* ALSO ADD THIS IN PHP */
if ( strlen($user) > 0 || strlen($user) < ANY_VALUE )

表单验证，在javascript中计算字符串的最小值和最大值

4 个答案: