檢查輸入值並添加類與jQuery

我想創建一些簡單的輸入驗證。如果輸入的值爲「abc」，我想爲輸入添加一個紅色類，並將文本顏色更改爲紅色。不知何故，我想停止提交表格。檢查輸入值並添加類與jQuery

這是到目前爲止我的代碼：

$(document).ready(function() { 
    $('#inputname').click(function() { 
     if ($("#inputname").val('abc') { 
      $("#inputname").addClass(red); 
     } else { 
      $("#inputname").removeClass(red); 
     } 
     }); 
    });

HTML：

<input type="text" value="abc" name="inputname" id="inputname" class="inputname" 
    onblur="if (this.value == ``) {this.value = `abc`;}" 
    onfocus="if (this.value == `abc`) {this.value = ``;}" />

CSS：

.red { color: #FF0000;}

的jsfiddle： https://jsfiddle.net/n5x4q0bp/

來源

2015-09-25 Tibby

$(document).ready(function() { 
 
    $('#inputname').focusout(function() { 
 
    if ($("#inputname").val() == 'abc') { 
 
     $("#inputname").addClass('red'); 
 
     $('#submit_button').attr('onclick', 'return false;'); 
 

 
    } else { 
 
     $("#inputname").removeClass('red'); 
 
     $('#submit_button').removeAttr('onclick'); 
 
    } 
 
    }); 
 
});

<input type="text" value="" name="inputname" id="inputname" class="inputname" onblur="if (this.value == '') {this.value = 'abc';}" onfocus="if (this.value == 'abc') {this.value = '';}" /> 
 
<input type="submit" id="submit_button" />

來源

2015-09-25 10:44:33

我不得不改變$（「＃inputname」）。VAL（）=='abc'）to $（「＃inputname」）.val（）==''），否則它在Firefox中是錯誤的。但現在都很好！謝謝！ – Tibby

OP爲什麼要「試試這個」？一個好的答案將總是解釋做了什麼以及爲什麼這樣做，不僅是爲了OP，而且是爲了將來SO的訪問者。 –

.VAL（）是一個方法來設定價值。你需要得到的電流值，並檢查它

 if ($("#inputname").val()=='abc') { 
     $("#inputname").addClass('red'); 
    } else { 
     $("#inputname").removeClass('red'); 
    }

來源

2015-09-25 10:40:17 obojdi

這裏是正在運行的代碼

$(document).ready(function() { 

    $('#inputname').focusout(function() { 

     if ($("#inputname").val()=="abc") { 
      alert("value"); 
      $("#inputname").css("color", "RED"); 

     } else { 
      $("#inputname").css("color", "black"); 
      // your form submit code here 
     } 
     }); 


    });

來源

2015-09-25 10:48:36 sunil

檢查輸入值並添加類與jQuery

回答

相關問題