Javascript验证(仅限字母和数字)

本文关键字：数字 验证 Javascript | 更新日期: 2023-09-27 18:26:38

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

我正在寻求以下方面的帮助。

  1. 我想要一个文本框，只允许数字，当你键入字母时，它必须将文本框高亮显示为红色，并显示错误消息（请只输入数字）。

  2. 我想要一个允许字母数字的文本框，当你键入字母时，它必须将文本框高亮显示为红色，并显示错误消息（仅限字母数字）。

Javascript验证(仅限字母和数字)

仅用于字母

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">只允许文本框中的数字

仅用于字母

$(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

相关文章：