接受号码范围的模式？ [重复]

1 回答

• 1

  如评论中revo所述，您可以验证数字范围，如下所示：

  <form action="somefile.php">
    <input type="number" step="1" min="100" max="200" id="numRange">
  </form>
  

  正则表达式方法（少推荐）：

  var input = document.getElementById('numRange');
  
  input.oninvalid = function(event) {
    event.target.setCustomValidity('number range should be betweeb 100-200')
  }
  

  <form action="somefile.php">
    <input type="text" name="number" placeholder="100-200" pattern="^(1\d\d|200)$" id="numRange">
  </form>
  

  这两种方法的主要区别在于第一次使用 type="number" ，第二次使用正则表达式， javascript 并使用 type="text" .

  回复于 2024-05-06T20:16:55+08:00