2011-01-08 152 views
0

我有一個腳本,工作正常,但我需要添加第二個標記,以不同的值更改背景位置。我需要添加$('#box_inputR').css('background-position','0 -39px');此外到現有腳本。將兩個事件添加到IF語句中...需要幫助!

所以現在兩個標籤由於if語句而不是一個而改變。你會如何做到這一點?有AND嗎?

<script type="text/javascript"> 
$(function() { 
$('#fastContact').formValidator({ 
scope : '#cform', 
errorDiv : '#errorDiv2', 
onError : function() { 

if ($('#box_inputA input').hasClass('error-input')) { 
$('#box_inputA , #box_inputR').css('background-position','0 -39px'); 
} else { 
$('#box_inputA , #box_inputR').css('background-position','0 0'); 
} 

if ($('#box_inputB input').hasClass('error-input')) { 
$('#box_inputB , #box_inputR').css('background-position','0 -39px'); 
} else { 
$('#box_inputB , #box_inputR').css('background-position','0 0'); 
} 

if ($('#box_inputM textarea').hasClass('error-input')) { 
$('#box_inputM').css('background-position','0 -84px'); 
$('#box_inputR').css('background-position','0 -39px'); 

} else { 
$('#box_inputM').css('background-position','0 0'); 
$('#box_inputR').css('background-position','0 0'); 
} 
} 
}); 
}); 
</script> 
+0

您可以添加儘可能多的你喜歡。在你結束之前,你可以發出其他聲明。 – diagonalbatman 2011-01-08 16:04:58

+2

呃......你是不是試着把一個陳述放在`if`裏面呢?爲什麼你認爲`{}`是必需的? ;) – 2011-01-08 16:05:41

回答

1

試試這個。我的語法可能關閉。我根本不瞭解Javascript。

<script type="text/javascript"> 
$(function() { 
$('#fastContact').formValidator({ 
scope : '#cform', 
errorDiv : '#errorDiv2', 
onError : function() { 
var error = false; 
if ($('#box_inputA input').hasClass('error-input')) { 
$('#box_inputA').css('background-position','0 -39px'); 
error = true; 
} else { 
$('#box_inputA').css('background-position','0 0'); 
} 

if ($('#box_inputB input').hasClass('error-input')) { 
$('#box_inputB').css('background-position','0 -39px'); 
error = true; 
} else { 
$('#box_inputB').css('background-position','0 0'); 
} 

if ($('#box_inputM textarea').hasClass('error-input')) { 
$('#box_inputM').css('background-position','0 -84px'); 
error = true; 
} else { 
$('#box_inputM').css('background-position','0 0'); 
} 

if(error == true) { 
    $('#box_inputR').css('background-position','0 -39px'); 
} 
else { 
    $('#box_inputR').css('background-position','0 0'); 
} 
} 
}); 
}); 
</script> 
+0

嘿,你更快:D幾乎同時:) – 2011-01-08 16:07:36

0

如果我沒有理解好你的問題,你想這樣的:

if ($('#box_inputM textarea').hasClass('error-input')) { 
     $('#box_inputM').css('background-position','0 -84px'); 
     $('#box_inputR').css('background-position','0 -39px'); 
    } else { 
     $('#box_inputM').css('background-position','0 0'); 
     $('#box_inputR').css('background-position','0 0'); 
    }