我正在使用来自http://bassistance.de/jquery-plugins/jquery-plugin-validation/的验证插件。
我想找到一种让我的一些表单字段只接受字母,不接受数字、特殊字符等的方法...
有什么想法吗?非常感谢。
我正在使用来自http://bassistance.de/jquery-plugins/jquery-plugin-validation/的验证插件。
我想找到一种让我的一些表单字段只接受字母,不接受数字、特殊字符等的方法...
有什么想法吗?非常感谢。
只需添加自定义验证器,并像这样使用它:
jQuery.validator.addMethod("accept", function(value, element, param) {
return value.match(new RegExp("." + param + "$"));
});
仅限数字:
rules: {
field: { accept: "[0-9]+" }
}
仅限字母
rules: {
field: { accept: "[a-zA-Z]+" }
}
一个小改变。
jQuery.validator.addMethod("accept", function(value, element, param) {
return value.match(new RegExp("^" + param + "$"));
});
因为那样它可以接受类似于“#abc”这样的表达式。
在你的脚本中使用以下代码。这将向你的验证器添加一个新条款。
$.validator.addMethod(
"alphabetsOnly",
function(value, element, regexp) {
var re = new RegExp(regexp);
return this.optional(element) || re.test(value);
},
"Please check your input values again!!!."
);
$("#formElement").rules("add", {alphabetsOnly: "^[a-zA-Z'.\\s]$" })
以下方法适用于字母和空格,非常适合姓名字段。return value.match(new RegExp(""));
jQuery.validator.addMethod("alphabetsAndSpacesOnly", function (value, element) {
return this.optional(element) || /^[a-zA-Z\s]+$/.test(value); });
$("FieldId").rules("add", {
alphabetsAndSpacesOnly: true,
messages: { alphabetsAndSpacesOnly: "Please enter a valid name." }
});
试一下这个:(这是使用jquery验证器的完美自定义验证)
$(function() {
$.validator.addMethod("alphabetsnspace", function(value, element) {
return this.optional(element) || /^[a-zA-Z ]*$/.test(value);
});
$("#add-employee").validate({
rules: {
employee_surname: {
required: true,
alphabetsnspace: true
},
employee_firstname: {
required: true,
alphabetsnspace: true
},
employee_othername: {
alphabetsnspace: true
},
father_name: {
required: true,
alphabetsnspace: true
},
mother_name: {
required: true,
alphabetsnspace: true
},
spouse_name: {
alphabetsnspace: true
},
ssn: {
number: true,
},
phone_no: {
number: true,
},
phone_no2: {
number: true,
},
passport: {
number: true,
},
driving_license: {
number: true,
},
email: {
email: true
}
},
messages:
{
"employee_surname":{
alphabetsnspace: "Please Enter Only Letters"
},
"employee_firstname":{
alphabetsnspace: "Please Enter Only Letters"
},
"employee_othername":{
alphabetsnspace: "Please Enter Only Letters"
},
"father_name":{
alphabetsnspace: "Please Enter Only Letters"
},
"mother_name":{
alphabetsnspace: "Please Enter Only Letters"
},
"spouse_name":{
alphabetsnspace: "Please Enter Only Letters"
},
}
});
});
jQuery Validate 插件已经在 additional-methods.js
文件 中有一个名为 lettersonly
的规则,代码如下...
$.validator.addMethod( "lettersonly", function( value, element ) {
return this.optional( element ) || /^[a-z]+$/i.test( value );
}, "Letters only please" );
可以试试这样:
var numbers = /[0-9]+/;
var SpCharacters = /^\s*[a-zA-Z0-9\s]+\s*$/;
if (!numbers.test(name) && !SpCharacters.test(name)) {
return [false, "Name should be alphabetical.", ""];
}
添加 CDN
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.15.0/additional-methods.js"></script>
rules:{
txtname:{required: true,
lettersonly:true
}
lettersonly
的规则,作为 additional-methods.js 文件 的一部分。 - Sparky