如何使用 Javascript 验证表单字段

Question

我正在尝试验证我的表单 phone 字段以防止用户在我的 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 函数，并删除了没有做任何有用的 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();
        }
    }

如何使用 Javascript 验证表单字段

How To Validate Form Field Using Javascript

javascript

forms

validation