尝试更改表单中取消选择对象的边框颜色

时间:2016-08-11 03:09:56

标签: javascript jquery html

我是jquery的新手。现在我尝试将这些未选中的对象更改为红色边框,以警告用户填写一些值。

if($("select:visible").val()==undefined ){

            $(this).css({"border-color":"red"});
  }

但它似乎没有改变任何东西。我想改变那些"那些"如果if语句为真。我该如何实现呢?

另外,我试图让边框变红。但我不想让它变红。相反,我希望效果就像引导程序"输入" " onfocus"时带有那个蓝色边框。是否可以这样做?

$('#broadcast_next').click(function(){
        var mySelect = $("select:visible");
        if($("select:visible").val()=="" || $("input:visible").val()=="" ){

                $("select:visible").filter(function() { return this.value === "" }).addClass("invalid");

                $("input:visible").filter(function() { return this.value === "" }).addClass("invalid");


            alert('Please fill in the Blank');
        }

        else if(formpage_broadcast == 0){
            $('.page_basic').hide();
            if(eth_input==true){
                $('.page_ip').show();
                $('#broadcast_title').text('IP Configuration')
                formpage_broadcast++;
            }
            else{
                $('.page_rf').show();
                $('#broadcast_title').text('RF Configuration')
                formpage_broadcast++;
            }
        }

1 个答案:

答案 0 :(得分:1)

NSURLSession *session = [NSURLSession sessionWithConfiguration:[NSURLSessionConfiguration defaultSessionConfiguration]]; [[session dataTaskWithRequest:request completionHandler:^(NSData *data, NSURLResponse *response, NSError *error) { NSXMLParser *xmlparser = [[NSXMLParser alloc] initWithData:data]; [xmlparser setDelegate:self]; [xmlparser parse]; }] resume]; 不是每个块设置的,它是按功能设置的,因此this不会选择刚刚在$(this)条件中引用的元素。改为保留对元素的引用:

if

除了以上假设只有一个元素。以下技术将处理任意数量的元素:

var mySelect = $("select:visible");
if (mySelect.val() == undefined) {
  mySelect.css({"border-color":"red"});
}

请注意,它使用$("select:visible") .css({"border-color":""}) // remove border from all .filter(function() { return this.value === "" }) // select empty ones .css({"border-color":"red"}); // add border ,但在传递给this的函数内部。所以它首先抓住所有可见的选择元素,然后将该集合减少到没有值的那些,然后将那些设置为红色边框。

你最好添加和删除一个类,这样你就可以应用你喜欢的任何其他格式,而不需要在JS中进行硬编码。

.filter()

这是一个小型演示:



$("select:visible")
  .removeClass("invalid")
  .filter(function() { return this.value === "" })
  .addClass("invalid");

$("button").click(function() {
  $("select:visible")
    .removeClass("invalid")
    .filter(function() { return this.value === "" })
    .addClass("invalid");
});

select {
  border-color: blue;
}
.invalid {
  border-color: red;
}