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更大胆地突出显示问题所在

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

3 个答案: