Question

我有一个分配给他们的特定号码的用户让我们说100.我将值100传递给我的视图。有一个输入字段，用户可以输入任何值，但如果用户输入的值大于100，则必须显示警告。我想在用户完成输入值并移动到下一个输入字段后立即显示此警告。我希望在没有任何按钮点击的情况下显示警告。

Answer 1

只需在输入字段中添加oninput事件，然后使用JavaScript验证它。

<input type="text" value="100" oninput="validate()">

<script>
function validate() {
   // validate
}
</script>

或者像setting oninput event with Javascript

一样

Answer 2

假设<input type="text" id="number" />是输入字段。

$('#number').on('change', function(){
    if(isNaN(parseInt($(this).val())) || $(this).val() > 100){
      alert('You are doing wrong.');
      $(this).focus().val(100);
    }
})

$(document).ready(function(){
  $('#number').on('change', function(){
    if(isNaN(parseInt($(this).val())) || $(this).val() > 100){
      alert('You are doing wrong.');
      $(this).focus().val(100);
    }
  })
})

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

            <label>Number: <input type="text" id="number" /></label><br>
            <label>Another Input<input type="text" id="number" /></label>

插入值后输入字段的验证没有按钮单击Laravel HTML

2 个答案: