我有驗證我的形式,當驗證發生所有文本框邊框顏色更改爲紅色,但是當字段成功驗證如何從字段中刪除此錯誤類?我的css錯誤類是:.error {border:2px solid#f00!important;} 在jquery中,我們必須正確地從文本框中刪除這個紅色邊框嗎?如何從驗證的元素中移除錯誤類?
成功︰function(){ } 我們必須在這裏通過?
我有驗證我的形式,當驗證發生所有文本框邊框顏色更改爲紅色,但是當字段成功驗證如何從字段中刪除此錯誤類?我的css錯誤類是:.error {border:2px solid#f00!important;} 在jquery中,我們必須正確地從文本框中刪除這個紅色邊框嗎?如何從驗證的元素中移除錯誤類?
成功︰function(){ } 我們必須在這裏通過?
$("Your jQuery selector").removeClass("error");
見jQuery的removeClass
我有這個嘗試,但它不會刪除錯誤類 –
@ButaniVijay:我將此但是當我在提交按鈕單擊它消除類的形式所有文本框包括未被填補,我想從僅肚裏裝滿 –
所以正如我在我的答案描述你可以使用它的ID刪除這些trextbox刪除。 –
什麼是你的選擇上,您已設置.error類的名稱。
考慮其ID是txtEmail那麼你可以使用如下刪除.error類
$("#txtEmail").removeClass("error");
其通過該 $( 「#b_first_name」)除去驗證(函數(){ \t \t \t \t \t $( '#b_first_name')removeClass( 「錯誤」);。 \t \t \t \t})。 但我必須寫這樣的代碼,我有50到60場的所有領域,是那裏,我們可以通過元素或某事的一個或幾個線路上使用的任何想法? –
如果驗證規則相同,那麼你可以使通用函數來驗證它只需要傳遞id。更好的辦法是使用HTML5沒有代碼需要 –
試試下面的代碼
<input type="button" id="btn1" value="1" />
<input type="button" id="btn2" value="Add Class"/>
<input type="button" id="btn3" value="Remove Class"/>
$(document).ready(function() {
$("#btn2").click(function(){
$("#btn1").addClass("one");
});
$("#btn3").click(function(){
$("#btn1").removeClass("one");
});
});
你的表現如何? ructure?假設它是這樣的
<div id="testdiv> // or any thing having id
//your textboxes
</div>
然後你可以使用jquery如下。
<script>
//create one function which add and removes error class
function CheckValidation()
{
var alltxt = $("#testdiv input[type='text']");
for(var i=0;i<alltxt.length;i++)
{
if(validation condition fail)
{
alltxt[i].className = "error";
}
else
{
alltxt[i].className = "";
}
}
}
</script>
希望它有幫助。
在我看來,你使用的是jQuery Validate插件。如果我是正確的,然後閱讀。
默認情況下,當輸入有效輸入時,插件將刪除error
類,並將分配valid
類。
因此,您不必設置success:function(){}
,除非您希望插件的成功行爲不同。
在我看來,你已經設置了success:function(){}
- 它刪除了刪除error
類和分配valid
類的默認行爲 - 但您沒有爲成功分配一個新函數。結果,成功沒有任何反應。
所以,如果你對成功的默認行爲沒有問題,那就從你的驗證設置中刪除success:function(){}
。
我希望這會有所幫助。
是的,你是對的,我使用jQuery插件 但是當我刪除成功:自動功能{}文本一個DIV刪除錯誤類的盒子,但其餘的div着 我對4-5的div同一頁和我確認他們都在單一功能 所以有什麼問題存在不清除錯誤類的所有div的嗎? –
您能否請您展示一些您的代碼?從你對其他答案的評論之一看,你多次調用.validate(),這不是使用這個插件的理想方式。 –
success: function() {
$('Your-jquery-selector')removeClass("error");
}
嘗試'$('。error')。removeClass(「錯誤」);' – Daniele
感謝名單的建議,但它不工作 –