blocks|key|3055006|text|只需添加一个自定义验证器，并按如下方式使用它：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3055007|jQuery.validator.addMethod("accept",+function(value,+element,+param)+{
++return+value.match(new+RegExp("."+%2B+param+%2B+"$"));
});|code-block|syntax|javascript|3055008|仅数字：|3055009|rules:+{
++field:+{+accept:+"[0-9]%2B"+}
}|3055010|只有字母|3055011|rules:+{
++field:+{+accept:+"[a-zA-Z]%2B"+}
}|3055012|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

Simply add a custom validator, and use it like this:

<pre><code>jQuery.validator.addMethod("accept", function(value, element, param) {
 return value.match(new RegExp("." + param + "$"));
});
</code></pre>

Only numbers:

<pre><code>rules: {
 field: { accept: "[0-9]+" }
}
</code></pre>

Only letters

<pre><code>rules: {
 field: { accept: "[a-zA-Z]+" }
}
</code></pre>

blocks|key|312865|text|一个小小的改变。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|312866|jQuery.validator.addMethod("accept",+function(value,+element,+param)+{
++++return+value.match(new+RegExp("%5E"+%2B+param+%2B+"$"));
});|code-block|syntax|javascript|312867|因为这样它就可以接受像"#abc“这样的表达式。|312868|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

A small change.

<pre><code>jQuery.validator.addMethod("accept", function(value, element, param) {
 return value.match(new RegExp("^" + param + "$"));
});
</code></pre>

Because that way it was accepting expressions like "#abc".

blocks|key|3268656|text|在你的脚本中使用下面的代码。这将向您的验证器添加一个新的子句。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3268657|$.validator.addMethod(
++++++++"alphabetsOnly",
++++++++function(value,+element,+regexp)+{
++++++++++++var+re+=+new+RegExp(regexp);
++++++++++++return+this.optional(element)+%7C%7C+re.test(value);
++++++++},
++++++++"Please+check+your+input+values+again!!!."
);
$("#formElement").rules("add",+{alphabetsOnly:+"%5E[a-zA-Z'.\\s]$"+})|code-block|syntax|javascript|3268658|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Use below code in your script.
this will add a new clause to your validator.

<pre><code>$.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]$" })
</code></pre>

blocks|key|312894|text|试试这个：(这是使用jquery验证器的完美自定义验证)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|312895|$(function()+{

++++$.validator.addMethod("alphabetsnspace",+function(value,+element)+{
++++++++return+this.optional(element)+%7C%7C+/%5E[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"
++++++++++++++++},
++++++++++++}
++++});
});|code-block|syntax|javascript|312896|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Try This : ( This is perfect custom validation using jquery validator )

<pre><code>$(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"
 },
 }
 });
});
</code></pre>

blocks|key|313915|text|以下添加自定义验证器的方法可以很好地工作，但验证发生在keyup上，因此当用户键入文本时，错误一直弹出。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|313916|新建返回value.match(+|313917|+RegExp(""))；|blockquote|313918|313919|313920|下面的方法适用于字母表和空格，非常适合于名称字段。|313921|测试jQuery.validator.addMethod("alphabetsAndSpacesOnly"，函数(值，元素){+|313922|+this.optional(元素)+%7C%7C+/%5Ea-zA-Z\s%2B$/.Test(值)；})；$("FieldId").rules("add"，{+alphabetsAndSpacesOnly:+true，messages：{+alphabetsAndSpacesOnly：“请输入有效名称”}+});|313923|313924|entityMap^0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|T|8|@]|9|@]|A|$]]|$1|G|3|-4|5|6|7|U|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|W|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|X|8|@]|9|@]|A|$]]|$1|M|3|N|5|F|7|Y|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|Q|$]]

The following method to add a custom validator works fine, But the validation happens on keyup, So the error keeps on popping up while the user is typing the text.
<blockquote>
<pre><code>return value.match(new RegExp(&quot;&quot;));
</code></pre>
</blockquote>
The below method works fine for Alphabets and Spaces, Ideal for name fields.
<blockquote>
<pre><code>jQuery.validator.addMethod(&quot;alphabetsAndSpacesOnly&quot;, function (value, element) {
 return this.optional(element) || /^[a-zA-Z\s]+$/.test(value); });

 $(&quot;FieldId&quot;).rules(&quot;add&quot;, {
 alphabetsAndSpacesOnly: true,
 messages: { alphabetsAndSpacesOnly: &quot;Please enter a valid name.&quot; }
 });
</code></pre>
</blockquote>

blocks|key|3268648|text|试着这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3268649|++++++++var+numbers+=+/[0-9]%2B/;
++++++++var+SpCharacters+=+/%5E\s*[a-zA-Z0-9\s]%2B\s*$/;

++++++++if+(!numbers.test(name)+&&+!SpCharacters.test(name))+{
++++++++++++return+[false,+"Name+should+be+alphabetical.",+""];
++++++++}|code-block|syntax|javascript|3268650|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Try like this:

<pre><code> var numbers = /[0-9]+/;
 var SpCharacters = /^\s*[a-zA-Z0-9\s]+\s*$/;

 if (!numbers.test(name) &amp;&amp; !SpCharacters.test(name)) {
 return [false, "Name should be alphabetical.", ""];
 }
</code></pre>

blocks|key|3268686|text|jQuery验证插件已经有一个名为lettersonly的规则作为the+additional-methods.js+file的一部分，它看起来像这样...|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3268687|$.validator.addMethod(+"lettersonly",+function(+value,+element+)+{
++++return+this.optional(+element+)+%7C%7C+/%5E[a-z]%2B$/i.test(+value+);
},+"Letters+only+please"+);|code-block|syntax|javascript|3268688|entityMap|0|LINK|mutability|MUTABLE|url|https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.15.0/additional-methods.js^0|H|B|11|L|X|U|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@$9|X|A|Y|1|Z]]|E|$]]|$1|F|3|G|5|H|7|10|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|L|$M|$5|N|O|P|E|$Q|R]]]]

The jQuery Validate plugin already has a rule called <code>lettersonly</code> as part of <a href="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.15.0/additional-methods.js" rel="nofollow">the <code>additional-methods.js</code> file</a>, which looks like this...

<pre><code>$.validator.addMethod( "lettersonly", function( value, element ) {
 return this.optional( element ) || /^[a-z]+$/i.test( value );
}, "Letters only please" );
</code></pre>

blocks|key|316036|text|添加cdn|type|unstyled|depth|inlineStyleRanges|entityRanges|data|316037|<script+src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.15.0/additional-methods.js"></script>
rules:{
++++txtname:{required:+true,
++++++++++++lettersonly:true
++++++++++++}|code-block|syntax|javascript|316038|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Add cdn 

<pre><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.15.0/additional-methods.js"&gt;&lt;/script&gt;
rules:{
 txtname:{required: true,
 lettersonly:true
 }
</code></pre>

I'm using the validate plugin from <a href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/" rel="noreferrer">http://bassistance.de/jquery-plugins/jquery-plugin-validation/</a>

What i'm trying to find is a way to make some of my form fields accept letters only, no numbers, special chars etc...

Any idea people ?
Thanks a lot.

jQuery validate plugin : accept letters only?

jQuery

我使用的是来自的验证插件我正在努力寻找一种方法，使我的一些表单域只接受字母，不接受数字，特殊字符等…有什么想法吗?，非常感谢。

问jQuery验证插件:只接受字母？
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery验证插件:只接受字母？EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery验证插件:只接受字母？
EN