如何比較兩個文本輸入框的值使用jquery

Question

我有兩個文本框t1和t2。我想弄清楚如何在jQuery中，如果t1和t2中的值是相同的，我可以顯示一條警報消息。如果用戶不更改我想阻止提交表單的值。

Answer 1

嘗試這樣

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

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

Working example here

Answer 2

$("form").submit(function() { 
 
    var _txt1 = $('#txt1').val(); 
 
    var _txt2 = $('#txt2').val(); 
 
    
 
    if (_txt1 == _txt2) 
 
    { 
 
    alert('Matching!'); 
 
    return true; 
 
    } 
 
    else 
 
    { 
 
    alert('Not matching!'); 
 
    return false; 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form action="#" method="post" name="form_name" id="form_id"> 
 
    <input type="text" id="txt1" name="txt1" /> 
 
    <input type="text" id="txt2" name="txt2"/> 
 
    <input type="submit" value="Submit"> 
 
</form>

example link

Answer 3

的jQuery

$(document).ready(function() { 
    var _t1 = $("#t1"); 
    var _t2 = $("#t2"); 
    $(_t2).focusout(function() { 
    if(_t1.val() === _t2.val()){ 
     return alert('Match'); 
    } 
    return alert('No match'); 
    }); 
}); 

HTML

<input id="t1"> 
<input id="t2"> 

小提琴 https://jsfiddle.net/ptda108k/1

Answer 4

下面是代碼

if(!$("#t1").val() && !$("#t2").val() && $("#t1").val() === $("#t2").val()){ 
    alert("Both values are same"); 
}else{ 
    return false; 
} 

我被===做輸入值嚴格的類型檢查。

希望這會幫助您的要求。