Question

我创建了带有不同文本框的Web表单，后面有C＃代码。所以我想使用Java Script来验证一些文本框，以便拥有一个好的网站。

我正在寻求以下帮助。

我希望文本框允许仅限数字，当您输入字母时，必须将文本框突出显示为红色并显示错误消息（请仅输入数字）。
我想要一个允许字母数字的文本框，当你输入字母时，它必须将文本框突出显示为红色并显示错误信息（仅限字母数字）。

Answer 1

仅限信件

function lettersOnly(e) {
     var k;
     document.all ? k = e.keyCode : k = e.which;
     return ((k > 64 && k < 91) || (k > 96 && k < 123) || k == 8);
}

仅限数字

function numberOnly(evt)
      {
         var charCode = (evt.which) ? evt.which : event.keyCode
         if (charCode > 31 && (charCode < 48 || charCode > 57))
            return false;

         return true;
      }

或者您可以使用<input type="number">仅允许texbox中的数字

Answer 2

仅限信件

$(document).ready(function(){
$("#Letter").keypress(function (evt) {
 var cc = (evt.charCode) ? evt.charCode : ((evt.which) ? evt.which : evt.keyCode); 
 if ((cc > 64 && cc < 91) || (cc > 96 && cc < 123) || cc == 32 || cc == 8 || cc == 127 || cc == 46 || cc == 9) {
        return true;
    }
});



$("#Number").keypress(function (evt) {
 var cc = (evt.charCode) ? evt.charCode : ((evt.which) ? evt.which : evt.keyCode); 
      if ((cc > 47 && cc < 58) || cc == 43 || cc == 44 || cc == 45 || cc == 40 || cc == 41 || cc == 32 || cc == 46 || cc == 8 || cc == 127 || cc == 9) {
            return true;
            }
     else {
                evt.cancelBubble = true;
                evt.preventDefault();
                return false;
            }
});
  });

在此Letter和Number是文本框ID

Javascript验证（仅限字母和数字）

2 个答案: