如何检查输入多于占位符

Question

我有这样的输入字段

<input type="number" id="return_pro" name="available" placeholder="10 Available">

如果用户输入的值大于10(可用),则不应接受并应显示错误.我怎样才能做到这一点？我需要在输入标签本身使用它.因为文本字段位于foreach循环中.因此,文本字段的数量可能会增加.

Answer 1

HTML:

<input type="number" id="return_pro" name="available" placeholder="10 Available" onblur="check(this)">

使用Javascript:

 <script>

        function check(obj){
         var val=obj.placeholder.split(" ")[0];
         if(obj.value > parseInt(val)){
           alert('invalid');
           obj.value="";
           obj.focus();
          }
         }

    </script>