3

我只想将文本框的输入长度设置为 9 个字符。不多也不少。有什么办法吗？任何帮助将不胜感激。谢谢！

4

5 回答 5

4

使用 HTML5，您可以使用该pattern属性来执行此操作：

<input type="text" pattern=".{9}" required name="patternTest" title="Field must be 9 characters long" />

演示

关于图案属性

于 2012-12-19T09:23:16.050 回答
3 
var ele = document.getElementById("textboxId");
if (!(ele.value.length==9)){
  //throw validation error
}

http://jsfiddle.net/e9hGv/

于 2012-12-19T09:19:46.443 回答
3

您可以在输入中将 minlength 和 maxlenght 属性设置为相同的值。

<input type="text" minlength="9" maxlength="9">

开箱即用的浏览器将只考虑前 9 个字符，并阻止您输入更多字符。使用模式，您可以输入任意数量的内容，但验证将失败。此外，验证消息具有更好的用户体验：

最小长度和最大长度：

请将此文本延长至 9 个字符或更多（您当前使用的是 8 个字符）。

图案：

请匹配请求的格式。

于 2018-02-25T12:31:03.620 回答
1

如果它是一个输入，你可以使用属性maxlength=9，当然在这种情况下你可以少于 9，但是最好验证它并且不要发送少于 9 的表单并显示错误。

如果它是 textarea 元素，则需要 javascript 来执行此操作

于 2012-12-19T09:19:35.813 回答
0

这是示例-

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
  <%@ page contentType="text/html;charset=windows-1252"%>
<html>
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"/>
  <title>index</title>

  </head>
  <body>

 <script type="text/javascript">

   function chkpassword() {

    var p1 = document.getElementById("pass").value;
    var min = 9
    if(p1.length == min) {
        alert('ok')
    } else{
       alert(":( The password must be at least 9 characters long.");
    }

     }

  </script>

      <input type=text id=pass name=pass value="" style='width:245px'  >  
      <input type=button id=btnOk name=btnOk value="OK" onclick='chkpassword()' />
       </body>
      </html>

使用此代码获取您的解决方案。

于 2012-12-19T10:10:31.700 回答