带空格的HTML5表单验证模式字母数字？

Question

我的html5表单中有以下输入标记：

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

这可以很好地检查公司名称是否包含字母数字字符。但当然我想在公司名称中留出空格。我需要知道我应该在模式中添加什么。

Answer 1

如何在pattern="[a-zA-Z0-9 ]+"等模式属性中添加空格。 如果您想支持任何类型的空间，请尝试pattern="[a-zA-Z0-9\s]+"

Answer 2

我的解决方案是涵盖所有变音符号范围：

A-z

0-9 - 这适用于所有拉丁字符

À-ž - 这适用于所有数字

\s - 这适用于所有变音符号

{2,} - 这是空格

public static int SendaAftast(int a[], int i) { for(int k = 0; k <a.length; k++) { int temp = a[k]; while(k <a.length) { a[k] = a[k] - 1; } a[a.length] = temp; } return a[i]; } public static void main(String[] args) { int[] a = new int [20]; for(int i = 0; i < a.length; i++) { a[i] = (int)(Math.random()*a.length)+1; } System.out.println(SendaAftast(a, 4)); - 字符串长度必须至少为2个字符

Answer 3

要避免仅包含空格的输入，请使用："[a-zA-Z0-9]+[a-zA-Z0-9 ]+"。

eg: abc | abc aBc | abc 123 AbC 938234

例如，为了确保输入第一个姓氏，请使用像

这样的轻微变体

"[a-zA-Z]+[ ][a-zA-Z]+"

eg: abc def

Answer 4

使用此代码可确保用户不仅输入空格而且输入有效名称：

pattern="[a-zA-Z][a-zA-Z0-9\s]*"

Answer 5

使用如下所示的格式代码

$('#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 >= 65 && inputValue <= 120) && (inputValue != 32 && inputValue != 0)) { 
        event.preventDefault(); 
    }
})

Answer 6

<h1>In my case, I need only Number and I hafta stop to user entering any Alphabets. We can also stop to entering any number.</h1>

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

Answer 7

使用以下代码获取不带/带空格的HTML5验证模式字母数字： -

表示没有空格的HTML5验证模式字母数字： - onkeypress =＆＃34; return event.charCode＆gt; = 48＆amp;＆amp; event.charCode＆lt; = 57 || event.charCode＆gt; = 97＆amp;＆amp; event.charCode＆lt; = 122 || event.charCode＆gt; = 65＆amp;＆amp; event.charCode＆lt; = 90＆＃34;

带有空格的HTML5验证模式字母数字的

： -

onkeypress =＆＃34; return event.charCode＆gt; = 48＆amp;＆amp; event.charCode＆lt; = 57 || event.charCode＆gt; = 97＆amp;＆amp; event.charCode＆lt; = 122 || event.charCode＆gt; = 65＆amp;＆amp; event.charCode＆lt; = 90 || event.charCode == 32＆＃34;