html - 如何使用正则表达式验证字符的最大输入

Question

这应该很简单，我要做的就是使用正则表达式使输入字段限制为 25 个字符。

<script type="text/javascript"><!--
function EnforceMaximumLength(fld,len) {
    if(fld.value.length > len) { fld.value = fld.value.substr(0,len); }
}
//--</script>

<form id="contact" <%--action="contact.html" method="post"--%>>
      <div class="form_settings">
        <p><span>Name</span><input class="contact" type="text"       onkeyup="EnforceMaximumLength(this,25)" name="your_name" value="" /></p>
        <p><span>Email Address</span><input class="contact" type="text" onkeyup="EnforceMaximumLength(this,50)" name="your_email" value="" /></p>
        <p><span>Message</span><textarea class="contact textarea" rows="5" cols="50" name="your_message"></textarea></p>
        <p style="padding-top: 15px"><span>&nbsp;</span><input class="submit" type="submit" name="contact_submitted" value="send" /></p>
      </div>
    </form>

我所拥有的是一些 javascript 删除任何超出限制的字符。

你如何使用正则表达式来设置限制？

Answer 1

无需使用正则表达式！输入标签具有 maxlength 属性：

<input type="text" maxlength="25" />

Answer 2

我同意maxlength作为一个解决方案，但为了完整起见，这里你将如何使用正则表达式：

<input type="text" pattern=".{0,25}"/>