输入字段的Jquery验证

Question

我需要为我的姓名字段设置一个jQuery验证字符，它允许用户只输入字母和数字组合的字母数字字符，但不需要输入数字。

Answer 1

使用正则表达式。我使用https://jqueryvalidation.org/验证插件，以防万一您使用相同的插件，在这里您有一个简单的自定义方法（很确定我从stackoverflow.com/a/5732255/5437621获得）...

$.validator.addMethod("alphanumeric", function(value,element) { 
    return this.optional(element) || /^[A-Za-z0-9]+$/.test(value); 
}, "This field can only have letters and numbers."); 

...但无论如何，这是怎么对你重要的是这个...

/^[A-Za-z0-9]+$/.test(yourInputValue); 

...这会告诉你，如果值只有字母和数字。

重要提示：我一直在使用这个字母数字函数很长一段时间，并直接从我的一个应用程序粘贴它，但作为@mrid注释，我可能从它得到它（stackoverflow.com/a/5732255/5437621）或其他答案（说实话，我不记得它，但可能是这样）。对不起，我不想从别人的作品中获益。

我希望它能帮助

Answer 2

该解决方案使用https://jqueryvalidation.org/：

jQuery.validator.addMethod("alphanumeric", function(value, element) { 
    return this.optional(element) || /^[a-zA-Z0-9]+$/.test(value); 
}); 

Answer 3

$("#inp").keyup(function(e) { 
 
    var str = $.trim($(this).val()); 
 
    if (str != "") { 
 
    var regx = /^[A-Za-z0-9]+$/; 
 
    if (!regx.test(str)) { 
 
     $("#error").html("alphanumeric only"); 
 
    } else { 
 
     if (isNaN(str)) 
 
     $("#error").html(''); 
 
     else 
 
     $("#error").html("alphanumeric only"); 
 
    } 
 
    } else { 
 

 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="inp" type="text"> 
 

 

 
<span id="error"></span>