如何通过替换js中的alertbox来突出显示名为education的文本字段

Question

下面是当文本字段为空时发出警报的代码。我想通过替换alertbox来突出显示名为education的文本字段。

$(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

试试这个：

$(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();

这会将光标放在文本字段中。您还可以添加一个类，如下所示

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

并将.warning样式设置为更粗体，以突出显示问题所在