js内のalertboxを置き換えて、教育という名前のテキストフィールドをハイライトする方法

Question

以下は、テキストフィールドが空のときに警告するコードです。私はalertboxを置き換えて、教育という名前のテキストフィールドを強調したいと思います。

$(document).ready(function() { 
    $('#update').click(function() { 
     if (!$.trim($('#education').val())) { 
      alert("Please select education"); 
     } 
    }); 
}); 

Answer 1

$(document).ready(function() { 
    $('#update').blur(function() { 
     if ($('#education').val() == "" || $('#education').val()==null) { 
      $("input").focus(function(){ 
      $("#education").css("border-style", "solid").css(" border-color","#ff0000"); 
      }); 
     } 
    }); 
}); 

Answer 2

これを試してください：あなたがテキストフィールドにカーソルを置きます

$("input[name='education']").select(); 

本の線に沿って何かを試みることができる

$(document).ready(function() { 
    $('#update').click(function() { 
     if (!$.trim($('#education').val())) { 
      //alert("Please select education"); 
      $('#education').focus(); 
     } 
    }); 
}); 

https://jsfiddle.net/whollands/sgk0v9yf/

Answer 3

。 あなたも問題が

ここで強調するために大胆なことを

$("input[name='education']").select().addClass("warning"); 

とスタイル.warningのようなものを持つクラスを追加することができます