我是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++;
}
}
答案 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;
}