表格验证在一封信后变为无效

时间:2014-10-15 22:05:34

标签: html html5 validation

我有一个联系表格,我要求ppls姓名。我试图进行一些验证,以确保他们只使用字母" [A-Za-z]"。如果我输入1个字母,它会变为有效,但如果我输入更多的字母则表示无效。还有什么我需要添加到" [A-Za-z]"?

                <div class="form-group">
                   <label class="col-xs-4 control-label" for="lname">Last Name</label>
                   <div class="col-xs-8">
                      <input id="lname" name="lname" type="text" placeholder="Your last name" data-trigger="manual" data-content="Can only contain letters!" class="name form-control" type="text" required pattern="[A-Za-z]">
                  </div>
                </div>

2 个答案:

答案 0 :(得分:1)

您的模式值的含义是&#34;只有一个字符&#34;。

使用字母可以使用模式值作为模式=&#34; [A-Za-z] +&#34;。 +的含义是1个或更多字符。

答案 1 :(得分:0)

属性pattern="[A-Za-z]"表示该值必须是单个字母。添加+运算符以允许重复:pattern="[A-Za-z]+"pattern属性值的语法与regular expressions in JavaScript相同。

另一方面,您可能根本不应该使用pattern来代替某个人的姓名,除非您有充分的理由限制他们,以便人们被迫输入他们的名字修改后(例如省略变音符号,省略空格,连字符和撇号,以及抄写不在拉丁字母表中的字符)。