我正在嘗試驗證我的表單電話欄位以防止用戶在我的 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>uj5u.com熱心網友回復：
我相信這應該有效。我將隱藏和顯示的更改移動$('.validate')到isphone函式中，并洗掉了done沒有做任何有用的變數（if...else改為使用）。document.getElementById另外，如果您已經在使用 JQuery ，請不要使用。
$('.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();
}
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/462053.html
標籤：javascript 形式 验证
上一篇：表單驗證有效，但不會阻止表單提交