Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/464.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/229.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
表单验证,javascript中字符串的最小和最大计数_Javascript_Php - Fatal编程技术网

表单验证,javascript中字符串的最小和最大计数

表单验证,javascript中字符串的最小和最大计数,javascript,php,Javascript,Php,我是java脚本新手,任何人都能帮我 这段代码是为了验证用户ID是否在数据库中可用,并且对我来说工作正常。但我还需要在用户输入用户id时验证字符串的最小和最大长度 <input type="text" id="userid" name="userid" class="form-control" data-required="true" onblur="return check_userexist();"> <div id="InfoUsername"></d

我是java脚本新手,任何人都能帮我

这段代码是为了验证用户ID是否在数据库中可用,并且对我来说工作正常。但我还需要在用户输入用户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;
        }
    }

if(username.length>=MIN_length&&username.length检查
if
条件中的最小和最大长度。例如

if(username.length > min_val && username.length <= max_val){
    //Your codes
}else{
    //alert('Your alert message to user!');
    $('#InfoUsername').html('<span style="color: #f00;">Your alert message to user</span>');
    //or
    //$('#InfoUsername').text('Your alert message to user');
}

if(username.length>min_val&&username.length有一个纯html5解决方案,不使用javascript。您可以使用模式属性,如下所示,其中min、max是两个边界号:

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


请参见

记住在php端也进行检查,以防禁用Javascript 因此,请使用:

if(username.length>0&&username.length 0 | | strlen($user)
是的…但是如何在elemen中放置警报,这是我需要做的。
$('InfoUsername').text('Your alert message to user');
我喜欢你在js中的答案,我已经尝试过了,效果很好。按照Aris的建议使用HTML5也很好。对于Carito,你可以在php文件中添加一个好主意。那么如何防止空白???
$.trim(username)
防止空白。如何在上面的脚本中组合,并在div元素中显示警报?
if(username.length > min_val && username.length <= max_val){
    //Your codes
}else{
    //alert('Your alert message to user!');
    $('#InfoUsername').html('<span style="color: #f00;">Your alert message to user</span>');
    //or
    //$('#InfoUsername').text('Your alert message to user');
}
 <input type="text" id="userid" name="userid" pattern=".{min,max}" required 
class="form-control" data-required="true" onblur="return check_userexist();">
if(username.length > 0 && username.length <= ANY_VALUE) {

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