[英]Javascript Phone Number Validation- error message erace
目标:
电话号码必须以这种格式输入:208-111-1111; 否则显示错误信息。 当用户以正确的格式输入错误消息时,显示错误消息的最佳方法是什么,但是如果用户以正确的格式重新输入,错误消息将消失。
JS
phoneNumber = document.getElementById("phone");
var result = phoneNumber.toString().match(/^\d{3}-\d{3}-\d{4}$/);
function validatePhone(){
if (result == null)
{
error2.innerHTML = "The number is not in a correct format";
} else
{
error2.innerHTML = " ";
};
}
HTML
<p>Phone:</p>
<input type = "text" id="phone" name="phone" onChange="validatePhone()">
<br>
<span id="error2" ></span>
function validatePhone() { phoneNumber = document.getElementById("phone"); var result = phoneNumber.value.match(/^(\\d{3}-\\d{3}-\\d{4})?$/); if (result == null) { error2.innerHTML = "The number is not in a correct format"; } else { error2.innerHTML = " "; }; }
<p>Phone:</p> <input type="text" id="phone" name="phone" oninput="validatePhone()"> <br> <span id="error2"></span>
问题在于phoneNumber.toString()
调用。
在DOM输入元素上调用toString()
不会返回用户输入的值。 toString()
用于提供调用它的对象的字符串表示,而不是检索该对象保存的值。
phoneNumber.value
将返回您要查找的值。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.