entityMap|blocks|key|b8ebn|text|在pattern属性中添加一个空格怎么样|type|unstyled|depth|inlineStyleRanges|entityRanges|data|623m8|..。如果您想支持任何类型的空间，请尝试^0|0^^$0|$]|1|@$2|3|4|5|6|7|8|E|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|F|9|@]|A|@]|B|$]]]]

How about adding a space in the pattern attribute like <code>pattern="[a-zA-Z0-9 ]+"</code>.
If you want to support any kind of space try <code>pattern="[a-zA-Z0-9\s]+"</code>

entityMap|blocks|key|7t3t9|text|要避免仅包含空格的输入，请使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|clle4|..。|3u1dq|eg:+abc+%7C+abc+aBc+%7C+abc+123+AbC+938234|code-block|syntax|javascript|1b9b5|例如，要确保输入名字和姓氏，请使用如下所示的细微变化|ajlo4|eg:+abc+def^0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|N|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|O|9|@]|A|@]|B|$]]|$2|E|4|F|6|G|8|P|9|@]|A|@]|B|$H|I]]|$2|J|4|K|6|7|8|Q|9|@]|A|@]|B|$]]|$2|L|4|M|6|G|8|R|9|@]|A|@]|B|$H|I]]]]

To avoid an input with only spaces, use: <code>"[a-zA-Z0-9]+[a-zA-Z0-9 ]+"</code>.

<pre><code>eg: abc | abc aBc | abc 123 AbC 938234
</code></pre>

To ensure, for example, that a first AND last name are entered, use a slight variation like 

<code>"[a-zA-Z]+[ ][a-zA-Z]+"</code>

<pre><code>eg: abc def
</code></pre>

entityMap|blocks|key|96v15|text|使用以下代码来确保用户输入的不是空格，而是有效的名称：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|fevad|pattern="[a-zA-Z][a-zA-Z0-9\s]*"|code-block|syntax|javascript^0|0^^$0|$]|1|@$2|3|4|5|6|7|8|H|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|I|9|@]|A|@]|B|$F|G]]]]

Use this code to ensure the user doesn't just enter spaces but a valid name:

<pre><code>pattern="[a-zA-Z][a-zA-Z0-9\s]*"
</code></pre>

entityMap|blocks|key|68ho3|text|我的解决方案是覆盖所有变音符号的范围：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|fn5gt|([A-z0-9À-ž\s]){2,}|code-block|syntax|javascript|98rdo|-这适用于所有拉丁字符|5a69g|-这是针对所有数字的|fbglk|-这适用于所有变音符号|dq67p|-这是空格|62rb2|-字符串长度至少为2个字符^0|0|0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|R|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|S|9|@]|A|@]|B|$F|G]]|$2|H|4|I|6|7|8|T|9|@]|A|@]|B|$]]|$2|J|4|K|6|7|8|U|9|@]|A|@]|B|$]]|$2|L|4|M|6|7|8|V|9|@]|A|@]|B|$]]|$2|N|4|O|6|7|8|W|9|@]|A|@]|B|$]]|$2|P|4|Q|6|7|8|X|9|@]|A|@]|B|$]]]]

My solution is to cover all the range of diacritics:

<pre><code>([A-z0-9À-ž\s]){2,}
</code></pre>

<code>A-z</code> - this is for all latin characters

<code>0-9</code> - this is for all digits

<code>À-ž</code> - this is for all diacritics

<code>\s</code> - this is for spaces

<code>{2,}</code> - string needs to be at least 2 characters long

entityMap|blocks|key|e50la|text|将以下代码用于不带空格/带空格的HTML5验证模式字母数字:-|type|unstyled|depth|inlineStyleRanges|entityRanges|data|9dkfn|对于不带空格的HTML5验证模式字母数字:-|bmgoc|u1u|onkeypress="return+event.charCode+>=+48+&+event.charCode+<=+57+%7C%7C+event.charCode+>=+97+&+event.charCode+<=+122+%7C%7C+event.charCode+>=+65+&&+event.charCode+<=+90“|5ur5h|对于带空格的HTML5验证模式字母数字:-|6q2lv|67dr4|onkeypress="return+event.charCode+>=+48+&+event.charCode+<=+57+%7C%7C+event.charCode+>=+97+&+event.charCode+<=+122+%7C%7C+event.charCode+>=+65+&+event.charCode+<=+90+%7C%7C+event.charCode+==+32“^0|0|0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|M|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|N|9|@]|A|@]|B|$]]|$2|E|4|-4|6|7|8|O|9|@]|A|@]|B|$]]|$2|F|4|G|6|7|8|P|9|@]|A|@]|B|$]]|$2|H|4|I|6|7|8|Q|9|@]|A|@]|B|$]]|$2|J|4|-4|6|7|8|R|9|@]|A|@]|B|$]]|$2|K|4|L|6|7|8|S|9|@]|A|@]|B|$]]]]

Use below code for HTML5 validation pattern alphanumeric without / with space :-

for HTML5 validation pattern alphanumeric without space :-
onkeypress="return event.charCode >= 48 &amp;&amp; event.charCode &lt;= 57 || event.charCode >= 97 &amp;&amp; event.charCode &lt;= 122 || event.charCode >= 65 &amp;&amp; event.charCode &lt;= 90"

for HTML5 validation pattern alphanumeric with space :- 

onkeypress="return event.charCode >= 48 &amp;&amp; event.charCode &lt;= 57 || event.charCode >= 97 &amp;&amp; event.charCode &lt;= 122 || event.charCode >= 65 &amp;&amp; event.charCode &lt;= 90 || event.charCode == 32"

entityMap|blocks|key|aruto|text|这是一个相当古老的问题，但如果它对任何人都有用，从这里找到的一些好的响应组合开始，我就用这个模式结束：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|eu5f8|pattern="([%5E\s][A-z0-9À-ž\s]%2B)"|code-block|syntax|javascript|9h6ki|它至少需要两个字符，确保它不是以空格开头，但允许单词之间有空格，还允许使用特殊字符，如|fqvbh|..。^0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|L|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|M|9|@]|A|@]|B|$F|G]]|$2|H|4|I|6|7|8|N|9|@]|A|@]|B|$]]|$2|J|4|K|6|7|8|O|9|@]|A|@]|B|$]]]]

It's quite an old question, but in case it could be useful for anyone, starting from a combination of good responses found here, I've ended using this pattern:

<pre><code>pattern="([^\s][A-z0-9À-ž\s]+)"
</code></pre>

It will require at least two characters, making sure it does not start with an empty space but allowing spaces between words, and also allowing special characters such as <code>ą, ó, ä, ö</code>.

entityMap|blocks|key|6lu97|text|使用如下格式代码|type|unstyled|depth|inlineStyleRanges|entityRanges|data|8nr8c|$('#title').keypress(function(event){
++++//get+envent+value+++++++
++++var+inputValue+=+event.which;
++++//+check+whitespaces+only.
++++if(inputValue+==+32){
++++++++return+true;++++
++++}
+++++//+check+number+only.
++++if(inputValue+==+48+%7C%7C+inputValue+==+49+%7C%7C+inputValue+==+50+%7C%7C+inputValue+==+51+%7C%7C+inputValue+==+52+%7C%7C+inputValue+==+53+%7C%7C++inputValue+==++54+%7C%7C++inputValue+==+55+%7C%7C+inputValue+==+56+%7C%7C+inputValue+==+57){
++++++++return+true;
++++}
++++//+check+special+char.
++++if(!(inputValue+>=+65+&&+inputValue+<=+120)+&&+(inputValue+!=+32+&&+inputValue+!=+0))+{+
++++++++event.preventDefault();+
++++}
})|code-block|syntax|javascript^0|0^^$0|$]|1|@$2|3|4|5|6|7|8|H|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|I|9|@]|A|@]|B|$F|G]]]]

Use Like below format code

<pre><code>$('#title').keypress(function(event){
 //get envent value 
 var inputValue = event.which;
 // check whitespaces only.
 if(inputValue == 32){
 return true; 
 }
 // check number only.
 if(inputValue == 48 || inputValue == 49 || inputValue == 50 || inputValue == 51 || inputValue == 52 || inputValue == 53 || inputValue == 54 || inputValue == 55 || inputValue == 56 || inputValue == 57){
 return true;
 }
 // check special char.
 if(!(inputValue &gt;= 65 &amp;&amp; inputValue &lt;= 120) &amp;&amp; (inputValue != 32 &amp;&amp; inputValue != 0)) { 
 event.preventDefault(); 
 }
})
</code></pre>

entityMap|0|type|IMAGE|mutability|IMMUTABLE|data|imageUrl|https://ask.qcloudimg.com/http-save/actteam/000a838dfbe7fb4fe0fe0f9b618437c9.png|imageAlt|blocks|key|5np63|text|​|unstyled|depth|inlineStyleRanges|entityRanges|berff|5rgn3|?|atomic|offset|length|7o89j|ec8jh|6ov8k|4opem|In+my+case,+I+need+only+Number+and+I+hafta+stop+to+user+entering+any+Alphabets.+We+can+also+stop+to+entering+any+number.

+

Number+only


+

Alphabets+only|code-block|syntax|javascript|9h1a0^0|0|0|0|1|0|0|0|0|0|0^^$0|$1|$2|3|4|5|6|$7|8|9|-4]]]|A|@$B|C|D|E|2|F|G|Y|H|@]|I|@]|6|$]]|$B|J|D|-4|2|F|G|Z|H|@]|I|@]|6|$]]|$B|K|D|L|2|M|G|10|H|@]|I|@$N|11|O|12|B|13]]|6|$]]|$B|P|D|-4|2|F|G|14|H|@]|I|@]|6|$]]|$B|Q|D|E|2|F|G|15|H|@]|I|@]|6|$]]|$B|R|D|E|2|F|G|16|H|@]|I|@]|6|$]]|$B|S|D|T|2|U|G|17|H|@]|I|@]|6|$V|W]]|$B|X|D|E|2|F|G|18|H|@]|I|@]|6|$]]]]

<a href="https://i.stack.imgur.com/QjAS0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QjAS0.png" alt="enter image description here" /></a>
<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;h1&gt;In my case, I need only Number and I hafta stop to user entering any Alphabets. We can also stop to entering any number.&lt;/h1&gt;

&lt;hr&gt; 
&lt;p&gt;
&lt;h2&gt;Number only&lt;/h2&gt;
&lt;input type="tel" name="PhoneNumber" onkeyup="this.value=this.value.replace(/[^0-9]/g,'');" /&gt;
&lt;/p&gt;
&lt;hr&gt; 
&lt;p&gt;
&lt;h2&gt;Alphabets only&lt;/h2&gt;
&lt;input type="text" name="name" onkeyup="this.value=this.value.replace(/[^A-z]/g,'');" /&gt;
&lt;/p&gt;</code></pre>
</div>
</div>

I have the following input tag in my html5 form:

<pre><code>&lt;p&gt;
 &lt;label&gt;Company Name*&lt;/label&gt;
 &lt;input type="text" name="name" class="field" required pattern="[a-zA-Z0-9]+" /&gt;
&lt;/p&gt;
</code></pre>

This works just fine checking if the company name consists out of alphanumeric characters. But of course I want to allow spaces in the company name. I need to know what I should add to the pattern.

HTML5 form validation pattern alphanumeric with spaces?

HTML5

 我的html5表单中有以下输入标记： Company Name* 这可以很好地检查公司名称是否包含字母数字字符。当然，我希望公司名称中包含空格。我需要知道我应该在模式中添加什么。

问HTML5表单验证模式是否为带空格的字母数字？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML5表单验证模式是否为带空格的字母数字？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML5表单验证模式是否为带空格的字母数字？
EN