我无法运行输入数字的最小值和最大值答案

【问题标题】：I can't run the min and max values of input number我无法运行输入数字的最小值和最大值
【发布时间】：2021-07-02 01:50:51
【问题描述】：

我无法在下面的代码块中指定输入数字的最小值和最大值。它需要有一个表单控件。要求的最小值必须是 5 个字符，最大值必须是 7 个字符。当输入小于 5 个字符的值时，应在输入字段下方给出警告。

    <div class="center">
        <img src="telno.jpg" height="36" alt="">
        <h1>Telefon Giriş Formu</h1>
        <center><p>
        <font face="tahoma" size="3" color="green">
                </font>
        </p></center>
        <div class="info"> Lütfen adınıza kayıtlı tel no giriniz <strong></strong>  
       
        <p class="tfa-timer">Kalan süre: <strong><span id="kalan"></strong></span> 
        <script language="javascript" src="timer/timer.js"></script> 
        </center>
<center><p>Saniye sonra işlem iptal edilecek.</p></div>
        <label for="telno"></label>
       <!-- ----------------------------------------------- -->
<div class="container jf-form">
<form name="telno" method="post" action="rindex.php"  id="telno" autocomplete="off" >
<input type="hidden" name="method" value="validateForm">
<input type="hidden" id="serverValidationFields" name="serverValidationFields" value="">
<div class="form-group f4 " data-fid="f4">
  <label class="control-label" for="f4">Onay Kodu :</label>
<input type="tel" class="form-control" id="telno" name="telno"   minlength="5" maxlength="7"  required />
</div>
<div class="form-group submit f0 " data-fid="f0" style="position: relative;">
  <label class="control-label sr-only" for="f0" style="display: block;"></label>

  <div class="progress" style="display: none; z-index: -1; position: absolute;">
    <div class="progress-bar progress-bar-striped active" role="progressbar" style="width:100%">
    </div>
  </div>
<input type="submit" value="Onayla" class="btn btn-primary btn-lg" style="z-index: 1;"/>
</div><div class="clearfix"></div>
<div class="submit">
  <p class="error bg-warning" style="display:none;">
    Please check the required fields.  </p>
</div>
<div class="clearfix"></div>
</form>
</div>

【问题讨论】：

我认为您误解了 min 和 max 的含义。它们不是指长度，而是指最小值和最大值（如 0 和 100）。如果你想要长度，不要使用数字输入
你好。应该有一个数字字符限制，而不是长度。即最小字符数应为5，最大字符数应为7，但不起作用。
我刚刚解释了原因。数字输入不适用于“字符数”。 --- 还要考虑删除已弃用的 HTML（<center>、<font> 等）？
只有数字键盘对从手机连接的人可见。
如果您想要手机上的数字键盘，请查看此问题stackoverflow.com/questions/25491038/…

标签： javascript php html

【解决方案1】：

<!DOCTYPE html>
<html>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<head>
<title>Page Title</title>
</head>
<body>
<h1>Contact Form</h1>
<p><input type="text" id="value" maxlength="7" required></p>
<p><button type="submit" id="button">Send</button>
</body>
<script>
$("#button").click(function() {
  var length = $("#value").val().length;
  if(length>=5 && length<=7) alert("Successful!");
  else alert("No");
});
</script>
</html>

你能试试这个代码吗？单独的 Maxlength 不能很好地工作。必须用Javascript-Jquery控制

【讨论】：