HTML5表单模式/验证

时间:2013-06-27 21:48:09

标签: html html5 validation html5-validation

我正在尝试为HTML5表单提供有效的模式。我想允许所有上层和上层小写字母,空格,数字和符号/ \ @#$%&

我尝试了几种不同的格式,但我没有运气。

到目前为止,我有:

Address: <input type="text" name="Address" size="25"  pattern="[a-zA-Z0-9 ]{2,35}]" title="Title" required/>

1 个答案:

答案 0 :(得分:7)

这是我用w3schools测试页面构建的一个例子:

<!DOCTYPE html>
<html>
<body>

<form onsubmit="getElementById('s').innerHTML=getElementById('i').value;return false;">
  Country code: <input id="i" type="text" name="country_code" pattern="([a-zA-Z0-9]| |/|\\|@|#|\$|%|&)+" title="Three letter country code">
  <input type="submit">
</form>
<p>Submitted value: <span id="s">

注意:Internet Explorer 9及更早版本或Safari中不支持输入标记的pattern属性。

您可以使用它在http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_input_pattern

进行自己的测试