Question

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

到目前为止，我有这个，但似乎没有用，任何帮助都会很棒。提前谢谢 - 戴夫

// HTML

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

// SCRIPT

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

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

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

                alert('field ok');

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

Answer 1

只需将变量数更改为5

numbers = 5

如果您的输入位于表单中，并且您希望在提交之前进行检查，则可以使用HTML5而不是javascript，执行类似

的操作

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

Answer 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>

Answer 3

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

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

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

确保输入只有5个字符

3 个答案: