javascript - 如何防止通过jquery在特定输入中输入0并通过jquery显示错误div？

Question

我试图阻止在特定输入字段中输入 0 值，并在输入中输入 0 时显示错误 div，因此如果您能指导我，我将非常感激..!

我想使用jquery..!

以下字段的代码为:

 <input name="invoice_price"  class="form-control">

Answer 1

HTML:-

<input name="invoice_price"  class="form-control">

<div id="div1" style="color:red"></div>

Jquery:-

$(document).ready(function(){
  $("input[name='invoice_price']").on('blur keyup',function(){
    if($(this).val()=='0')
    {
       $("#div1").html('0 value not allowed');
       $(this).val('');
    }
    else
    {
       $("#div1").html('');
    }
  });
});

fiddle 链接:- http://jsfiddle.net/0mat1amf/1/

<小时/>

由于提问者在评论部分提出了另一个问题(该用户最多只能输入三位数字)，那么我在这里添加更多代码:

 <input name="invoice_price"  class="form-control" type="text" maxlength="3">