Question

我的表格中有一个文本框和一个div：

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

现在每按一次NContact键，我需要检查输入的数值是否为数字，也是10位数字。并在分区显示消息

怎么做请帮忙。

Answer 1

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

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

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

Demo

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

你也可以用纯粹的js：

来做

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

Answer 2

使用此

Example

$('#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;
      } 

  });

在javascript中验证联系号码

2 个答案: