正在验证javascript中的联系电话

Validating Contact Number in javascript

本文关键字：联系电话 javascript 验证      更新时间：2023-09-26

我有一个文本框和一个div，格式如下：

<input type="text" name="NContact" placeholder="New Contact No." id="txtNewContact"/>
<div id="divCheckContact">

现在，每次按下NContact中的键时，我都需要检查输入的值是否为数字，以及它是否为10位数。并在除数中显示消息

如何做请帮忙。

您可以添加pattern和title来执行此操作：

<input type="text" pattern="'d{10}" title="Type 10 digits please" />

上面将检查10位数字，如果它无效，将显示标题。

演示

注意：这是html5规范的一部分。不适用于IE 9及以下版本。

你也可以在纯js:中完成

var elem = document.getElementById('txtNewContact'); 
elem.onkeydown = function(){
   if(!/'d{10}/.test(elem.value)){
     alert("Type 10 digits please");
   }
}

使用此

示例

$('#txtNewContact').keyup(function(){
      var re = isNaN($(this).val());
      if(!re)
         {
 $('#divCheckContact').html("");         
         }else
         {
             $('#divCheckContact').html("please enter only numbers");
             $(this).val('');
         }
      if($(this).val().length>10)
      {
          $('#divCheckContact').html("please enter only ten 10 digits contact no");
      return false;
      } 
  });
相关文章：