如何在jQuery中的鍵控上更改輸入文本的邊框顏色？

-4

我有一個類似的HTML代碼，這樣的怒吼：如何在jQuery中的鍵控上更改輸入文本的邊框顏色？

<form> 
    <input type='text' id='inputVal'> 
</form>

這jQuery代碼：

maxVal = 100; 
$('#inputVal').keyup(function(){ 
    var $this = $(this); 
    var insertedVal = $this.val(); 
    if (insertedVal > maxVal){ 
     $this.css({"color":"red","boder":"1px solid red"}); 
    } 
})

如果我把一個數大於100個的字體顏色變爲紅色，只是像預期一樣。但是，邊框顏色保持不變。爲什麼？如何修改我的代碼以使邊框顏色也變爲紅色。

來源

2014-07-25 user2395238

開始使用引號和拼寫正確 – adeneo

你錯過了一個單引號後'＃inputVal'，而你試圖修改CSS屬性是「博* R * der「，而不是」boder「。另外，如果你只想改變顏色，「邊框顏色」就足夠了。 –

好吧，我糾正了錯別字 – user2395238

你的拼寫爲「邊界」錯誤：

$this.css({"color":"red","border":"1px solid red"});

和（我認爲這是將代碼粘貼到SO）你忘了在你的選擇最終報價。

來源

2014-07-25 19:56:01 tymeJV

報價錯誤沒有出現在我的代碼中（它不是粘貼的）。該功能的中間部分被粘貼，是的，我有一個Boder錯字。謝謝 – user2395238

// Shorthand for $(document).ready() 
$(function() { 
    maxVal = 100; 
    $('#inputVal').keyup(function(){ 
     var $this = $(this); 
     var insertedVal = $this.val(); 
     if (insertedVal > maxVal){ 
     $this.css({"color":"red","border":"1px solid red"}); 
     } 
    }) 
});

報價和拼寫應予以糾正

來源

2014-07-25 20:05:35 fortiZ

不玩智能，我假設每個人都知道，如果我說jquery之前有代碼。就像您可以將和標籤添加到我的html代碼一樣。常見的，不要太可笑 – user2395238

最新怎麼了？只是用jsfiddle測試過並粘貼了一個副本。我想打擾任何人。抱歉 – fortiZ

如何在jQuery中的鍵控上更改輸入文本的邊框顏色？

回答

相關問題