按类型和大小对变量进行JavaScript验证

Question

<form class="form-horizontal" name="f2" id="regisform" method="post" onsubmit="return false;" role="form">
    <div class="form-group">
        <label for="inputpcode3" class="col-sm-2 control-label">Pincode</label>
        <div class="col-lg-3">
            <input type="text" name="txtpcode1" class="form-control" id="inputpcode3" placeholder="pincode">
        </div>
    <input type="submit" name="submit" id="regisBtn" class="btn btn-primary" value="Registration">
</form>

以上代表表格。当按下提交按钮时，以下javascript将触发：

$(document).ready(function(){
    $("#regisBtn").click(function(){
        var pincode=$("#inputpcode3").val();

        if(pincode){
            //validation for pincode to check whether the pincode is only numeric or not and the size must be 6 only
        }
        else
        {
            alert("wrong");
        }
    });
});

因为javascript表示我要验证并显示警告框，该字符串是否仅包含数字，并且大小必须固定为6长度。并且还显示我们是否要检查字符串是否仅包含字母？ 感谢。

Answer 1

您可以使用正则表达式来检查您的要求：

if(/^\d{6}$/.test(pincode)){
    // Passed
}

Regex101 does a good job of explaining exactly what it means:

Answer 2

如上所述，正则表达式可能是你最好的选择......

/^[0-9]*$/

这将检查您的字符串并仅在存在数字时进行验证。

同样检查长度只是if($(this).val().length > 6) { doSomethingElse() || disable Submit Button }

的问题

查看这个非常棒的在线资源： （真的有助于澄清） http://www.regextester.com/21