如何使用HTML表单验证 - 模式属性?

时间:2014-11-16 17:27:00

标签: html validation

我似乎无法使用pattern属性来处理HTML表单验证。我已经看过很多教程,但它们都是相同的,它适用于它们。虽然我使用与教程相同的技术,但我无法让它工作。有关示例,请参阅以下代码。

<label for= "firstname" id="firstname">First Name*</label>
<input type="text" name="firstname" pattern="[A-Za-z]" title="Only Alphabets" required/>

我只希望在此文本框中插入字母。当我插入数字时,它会要求匹配所请求的格式,这只是字母表。但即使我输入字母表,它也会显示消息,但它应该让我提交表单。由于我缺乏知识,我尽我所能,但似乎无法找到解决方案。如果您能让我知道如何仅将数字输入字段,只将字母表输入字段,数字和字母表使用模式属性进行验证,我将非常感激。而且,我想知道模式属性是否能够帮助我。对于National ID文本框,我希望用户以特定格式插入数据。喜欢这个“A000000”。第一个中的A后跟6个数字,如果不遵循此格式,则显示要求匹配所请求格式的消息。非常感谢你提前。 (请注意我没有使用jquery)。

Edit

我可以知道如何添加'(撇号)和字母吗?而且pattern =“[A-Za-z] +”不会让我在单词之间插入空格。我该如何解决这个问题?

1 个答案:

答案 0 :(得分:1)

模式字段使用正则表达式。尝试:

pattern="[A-Za-z]+"

您可以使用的国家身份证件:

pattern="A[0-9]{6}"