如何使用jquery比较两个文本输入类型框值

Question

我有两个文本框t1和t2 。 我想弄清楚如果t1和t2中的值相同，我如何在 jquery 中显示警报消息。 如果用户不更改值，我想阻止提交表单。

Answer 1

尝试这样的事情

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

使用.submit()方法绑定到表单的submit事件，然后比较文本框中的 2 个值 - 如果它们相同，则显示警报，然后使用event.preventDefault()阻止默认操作（表单提交）

这里的工作示例

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>

示例链接

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;
}

我正在通过 === 对输入值进行严格的类型检查。

希望这将有助于您的要求。

Answer 5

 <script> function myfunction(){ var val1=document.getElementById('pwd').value; var val2=document.getElementById('cpwd').value; if(val1!=val2){ document.getElementById('match').innerHTML="Your password is unmatch"; return false; } return true; } </script>