javascript - HTML5 文本字段的正则表达式模式

Question

我想在 javascript 中为 html text field 创建一个正则表达式模式这需要一个地址。所以我只希望用户输入[a-z,A-Z,0-9]并且只有这些符号 [,#-.]我还想防止用户发送空字符串且最大字符数小于 100。

这是 html <input> :

<input type="text" id="addy" maxlength="100"/>

我是 JavaScript 新手，所以我不知道如何创建一个能够遵守正则表达式模式的函数。

谢谢

编辑

遵循kolink的推荐我试过这个:

 <input type="text" style="width:285px" placeholder="Enter A Precise Address" name="address0" id="address"
     pattern="[ a-zA-Z0-9,#.-]+" maxlength="100" title="Standard address notation only"/>

现在只有当其他 <select> 时才有效。尚未被选中。否则它不会拾取 pattern属性。然而，完全相同的代码在 jsfiddle 上按预期工作: http://jsfiddle.net/peD3t/7/但不在浏览器中。这是pastebin中的代码:http://pastebin.com/qQGJ4EK5

谢谢

Answer 1

HTML5 为您提供了 pattern 属性，它允许您要求某种模式。在这种情况下，您需要 pattern="[a-zA-Z0-9,#.-]+"

旧版浏览器不支持这一点并不重要，因为您应该始终在服务器端进行验证。