比較兩個文本框的數據不工作使用jquery

我想比較兩個文本框的數據使用jQuery，就像我們比較密碼和確認密碼，同時使一個電子郵件帳戶。我仍然有以下的東西。比較兩個文本框的數據不工作使用jquery

CSS

.test { 
    display:none; 
}

HTML

<input type="text" name="t1" /> 
<input type="text" name="t2" /> 
<label class="test" name="lblerror">Error</label>

jQuery的

$("#t2").click(function() { 
    if ($("#t1").val() === $("#t2").val()) {} else { 
     $("#lblerror").removeClass("test"); 
    } 
});

DEMO

請幫助我，我怎樣才能比較這兩個字符串，而只是離開第二個文本框名爲t2。

在此先感謝。

來源

2013-08-28 user2504141

你不知道後，再次點擊一些關於html和javaScript的基礎知識。你需要從頭開始。 –

@ B.K。也許是真的，但沒有幫助。每個人都從某處開始。 –

jQuery中試試這個

您正在使用的名稱爲ID，這是錯誤的。將名稱轉換爲id。那麼它會工作。

<input type="text" id="t1" /> 
<input type="text" id="t2" /> 
<label class="test" id="lblerror">Error</label>

$(function(){ 
    $("#t2").change(function() { 
       if ($("#t1").val() === $("#t2").val()) { 
        $("#lblerror").addClass("test");   
       } 
       else { 
        $("#lblerror").removeClass("test"); 
       } 
      }); 
    });

Demo

來源

2013-08-28 11:43:27 Amit

。我想問一件事就是在那裏我有在母版頁的頁眉或只是這兩個文本框後，使用此代碼 – user2504141

在HTML

<input type="text" name="t1" /> 
    <input type="text" name="t2" />

您haven'nt提供ID的

你的代碼應該是

<input type="text" name="t1" id="t1" /> 
<input type="text" name="t2" id="t2" />

更多在您需要添加blur事件，我猜。

$("#t2").blur(function() { 
        if ($("#t1").val() == $("#t2").val()) { 
         $("#lblerror").removeClass("test"); 
        } 
        else { 
         $("#lblerror").addClass("test"); 
        } 
       });

Updated fiddle

來源

2013-08-28 11:41:54

$("#t2")將涉及到的元素與id="t2"但所有的領域都只有name沒有id。您應該將id添加到字段以訪問它。

試着改變你的HTML代碼是這樣的下面：

<input type="text" id="t1" /> 
<input type="text" id="t2" /> 
<label class="test" id="lblerror">Error</label>

您可以使用下面的代碼，然後比較這兩個字段的值，然後顯示/隱藏基於比較標籤錯誤結果。

$("#t2").on("blur", function() { 
    if ($("#t1").val() === $("#t2").val()) { 
     $("#lblerror").hide(); 
    } else { 
     $("#lblerror").show(); 
    } 
});

來源

2013-08-28 11:43:38 Harry

嘗試是這樣的

$('form').submit(function(evt) { 
    if ($('#textbox1').val() === $('#textbox2').val()) { 
    alert('values match'); 
    evt.preventDefault(); 
    } 
}

使用。submit（）方法結合爲形式提交事件，則該2個值從文本框比較 - 如果它們是相同的它顯示然後警報阻止默認動作使用event.preventDefault（表單提交）（）

Working example demo here

來源

2013-08-28 11:46:45 Sajith

如果您需要通過$（「＃t1」）獲取元素，t1應該是id，而不是名稱。

添加ID = 「T1」的輸入標籤。

<input type="text" name="t1" id="t1" /> 
<input type="text" name="t2" id="t2" />

來源

2013-08-28 11:47:11 Yasitha

name屬性不能用作這種選擇器。此外，在您的jQuery你已經使用「＃」，它的ID的基礎上選擇一個元素。改變你的HTML如下：

<input type="text" id="t1" /> 
<input type="text" id="t2" /> 
<label class="test" id="lblerror">Error</label>

來源

2013-08-28 11:51:33

我改成了ID，而不是名稱，模糊事件，而不是點擊

點擊需要你進入

$("#t2").blur(function() { 



         if ($("#t1").val() === $("#t2").val()) { 
         $("#lblerror").removeClass("test"); 

         } 
         else { 
          $("#lblerror").addClass("test");  

         } 


    });

來源

2013-08-28 11:53:29

比較兩個文本框的數據不工作使用jquery

回答

相關問題