Question

我目前正在处理一个简单的订单。表单包含姓名，电话，地址，邮政编码，产品（选择字段）和数量等字段。我需要的是在数量输入字段中输入小于50时提示用户输入消息。

请您指出正确的方向来实现这一目标吗？

到目前为止，表单已在HTML中完成。

Answer 1

要在HTML中获取所需范围内的数字输入，请使用输入标记的最小，最大属性（type =“number”）。

<input type="number" min="50">

如果用户尝试提交值小于50的表单，则会提示用户。

Answer 2

使用jquery检测值的变化并进行验证。此脚本将在change事件上执行。

$(document).ready(function() {
  $('#qty').on('change', function() {
    var inputValue = $(this).val();
    checkValue(inputValue);
  });
});

function checkValue(inputValue) {
  if (inputValue < 50) {
    var newInputValue = prompt("Please enter value greater than 50");
    checkValue(newInputValue);
  } else {
    $('#qty').val(inputValue);
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <input type="number" id="qty" min=50 />
</form>

Answer 3

<input type="number" min="50" name="" id="" required value="">

当用户提交表单时，如果在字段中输入的值小于50

，则会提示

如果表单中的数量字段小于要求，则提示用户

3 个答案: