确保输入只有 5 个字符答案

【问题标题】：make sure input has only 5 characters确保输入只有 5 个字符
【发布时间】：2015-02-08 22:59:50
【问题描述】：

一直在寻找一种方法来确保特定输入（邮政编码）只有 5 个字符（不多也不少）。我在这里找到了一个用 JS 编写的解决方案，但我需要一个用 Jquery 编写的解决方案

到目前为止我有这个，但似乎不起作用，任何帮助都会很棒。在此先感谢 -- 戴夫

//HTML

<input name="propzip" type="text" required="required" id="propZip" maxlength="5" placeholder="Property Zip*" />

//脚本

var numbers = /^\d{5}$/;  

$('#propZip').blur(function(){

if ($('#propZip').val().length===numbers){

                alert('field ok');

            } else {
                alert('Please check zipcode.');
            }
});

【问题讨论】：

jQuery 是 Javascript - 你能澄清你到底需要什么吗？
您使用数字作为模式。只需将 numbers 的值更改为 5，而不是模式。
@lolka_bolka 也许他想验证输入是否正好有五个数字？
@VitorLima 你是对的。我已将其添加为答案。

标签： jquery validation

【解决方案1】：

您可以将您的模式用作正则表达式。您正在寻找函数match

    var pattern = /^\d{5}$/;

    $('#propZip').blur(function() {
        if ($('#propZip').val().match(pattern)) {
            alert('field ok');
        } else {
            alert('Please check zipcode.');
        }
    });

【讨论】：

这对我的情况非常有用，感谢您的帮助。我知道我需要 .match() 只是不确定它在代码中的位置

【解决方案2】：

Something like this=?

//HTML

    <input type="text" name="" id="propZip" >
<input type="button" name="" id="btn" value="click me">

//JQuery

        <script>
        $(function(){
            $("#btn").click(function(){
                {
                if($("#propZip").val().length > 5) {
                    alert("to long!")
                }else{
                    alert("gooooood size!");
                }
            }
            })

        });
    </script>

【讨论】：

【解决方案3】：

只需将变量数改为 5

numbers = 5

如果您的输入在表单内，并且您想在提交前检查它，您可以简单地使用 HTML5 而不是 javascript，执行类似的操作

 <input name="propzip" type="text" required="required" pattern=".{5}" 
    id="propZip" placeholder="Property Zip*" title="Please, check the zipCode" />

【讨论】：

仅供参考，使用=== 比== 快。所以你的最后一点不应该出现在你的答案中（IMO）。
@Karl-AndréGagnon 我不知道。我会搜索它。但是，无论如何，我编辑了答案并将其删除。谢谢。