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

时间:2012-06-11 12:19:16

标签: javascript jquery asp.net

我有两个文本框t1t2。我想弄清楚如果jquery中t1t2中的值是否相同,我可以显示警告消息。如果用户没有更改我想要阻止表单提交的值。

5 个答案:

答案 0 :(得分:1)

尝试这样的事情

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

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

<强> Working example here

答案 1 :(得分:1)

&#13;
&#13;
$("form").submit(function() {
  var _txt1 = $('#txt1').val();
  var _txt2 = $('#txt2').val();
  
  if (_txt1 == _txt2)
  {
     alert('Matching!');
     return true;
  }
  else
  {
    alert('Not matching!');
    return false;
  }
});
&#13;
<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>
&#13;
&#13;
&#13;

example link

答案 2 :(得分:1)

的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

答案 3 :(得分:1)

这是代码

main.rs

我正在通过===。

对输入值进行严格的类型检查

希望这有助于您的要求。

答案 4 :(得分:-1)

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