如何使用 Javascript 验证表单字段

Question

我正在尝试验证我的表单电话字段以防止用户在我的 javascript 中输入相同的号码。

如果用户提供的号码与我的 javascript 中的相同号码匹配，他们将收到警告并且表单不会提交。

但是，我注意到我的下面的代码显示了数字是否匹配的警告。

我需要更正才能知道我做错了什么。 谢谢。

下面的代码；

 $('.validate').hide(); $('body').on('blur', '#phone', function() { $('.validate').hide(); isphone($(this).val()); }); function isphone(phone) { if (phone === "1234" || phone === "23456"){ $(".validate").show(); } else { $(".validate").hide(); } }

 <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <form action='' method='POST' id="submitForm" > <input type="phone" name='phone' required='' id="phone" placeholder="0000-000-0000"/> <div class="validate"><span style="color: red;"><b>Please enter a valid phone!</b></span></div> <button href='/' type='submit' id="submitForm">Process</button> </form>

Answer 1

我相信这应该有效。 我将隐藏和显示$('.validate')的更改移动到isphone function，并删除了没有做任何有用的done变量（改为使用if...else ）。 另外，如果您已经在使用 JQuery，请不要使用document.getElementById 。

    $('.validate').hide();
    $('body').on('blur', '#phone', function() {
        $('.validate').hide();
        isphone($(this).val());
    });

    function isphone(phone) {
        if (phone === "1234" || phone === "23456"){
            $(".validate").hide();
        } else {
            $(".validate").show();
        }
    }