Question

我有类似的html代码，如下所示：

<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，则字体颜色会变为红色，就像预期的那样。但是，边框颜色保持不变。为什么？如何修改我的代码以使边框颜色也变为红色。

Answer 1

你的拼写＆＃34;边界＆＃34;错误：

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

并且（我假设这是将代码粘贴到SO中）你忘记了选择器的最终引用。

Answer 2

// 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"});
      }
   })
});

引用和拼写应该更正

如何在jquery中更改keyup上输入文本的边框颜色？

2 个答案: