如何防止通過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(''); 
    } 
    }); 
}); 

小提琴鏈接： - http://jsfiddle.net/0mat1amf/1/

---

由於提問者問了另一個問題在評論部分（即用戶只能輸入最多三個位），然後我在這裏加入更多的代碼：

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

Answer 2

HTML：

<input name="invoice_price" class="form-control" 
    onblur="(this.value == 0) ? (this.value = '') : ''" /> 

Demo

這將確保用戶不能輸入零​​值。無需顯示錯誤！

Answer 3

這是，如果你想堆起來的錯誤信息，你可以用什麼：

$(document).ready(function(){ 
    $("input[name=invoice_price]").change(function(){ 
    if ($(this).val()==0) 
    $(this).after("<div>Error message</div>"); 
    }); 
}); 

每次輸入被改變，是錯誤的時間輸入元素之後它會創建的錯誤消息。相反，你可能希望有預定義的div和只更改喜歡它的內容：

<input name="invoice_price" class="form-control"> 
<div></div> 
$(document).ready(function(){ 
    $("input[name=invoice_price]").change(function(){ 
    if ($(this).val()==0) 
    $(this).next().html("Error message"); 
    }); 
});