how to compare two text input type box values using jquery

Question

I have a two textboxes t1 and t2 . I would like to figure out how in jquery if the values in t1 and t2 are same I can display an alert message. If user does not change the values I want to prevent the form from being submitted.

So the user shouldn't be able to submit the form if the values are the same? — IMTheNachoMan
– IMTheNachoMan, Commented Nov 3, 2016 at 19:44

Manse · Accepted Answer · 2012-06-11 12:34:34Z

1

Try something like this

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

uses the .submit() method to bind to the submit event for the form, then compares the 2 values from the textboxes - if they are the same it displays an alert then prevents the default action (form submission) using event.preventDefault()

Working example here

edited Jun 11, 2012 at 12:34

answered Jun 11, 2012 at 12:29

Manse

38.1k11 gold badges88 silver badges112 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user1196392 Over a year ago

i m using asp.net.and making form in .ascx page.in ascx page i m not using form. i m using <asp:pannel>

Manse Over a year ago

@user1196392 add your HTML output (not asp.net source) to your question - plus any JavaScript you currently have doing what you are trying to do.

Anjan Kant · Accepted Answer · 2016-02-29 11:58:29Z

1

$("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

answered Feb 29, 2016 at 11:58

Anjan Kant

4,34644 silver badges41 bronze badges

Comments

Baruch · Accepted Answer · 2017-01-05 04:52:34Z

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

Fiddle https://jsfiddle.net/ptda108k/1

answered Jan 5, 2017 at 4:52

Baruch

2,4481 gold badge18 silver badges30 bronze badges

Comments

Rahul · Accepted Answer · 2017-01-05 04:59:00Z

1

Here is the code

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

I am doing strict type check for input values by ===.

Hope this will help your requirement.

answered Jan 5, 2017 at 4:59

Rahul

18.6k7 gold badges43 silver badges64 bronze badges

Comments

Mehran Ayub · Accepted Answer · 2019-12-17 21:12:41Z

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

answered Dec 17, 2019 at 21:12

Mehran Ayub

111 silver badge9 bronze badges

2 Comments

E. Zeytinci Over a year ago

Please explain your answer.

Mehran Ayub Over a year ago

'pwd' and 'cpwd' are names of textboxes in html.we get values from these two textboxes and save in two different variables through javascript.Then we match these two variables ,if same then right and if not same then we show a text on html page through this javascript query.document.getElementById('match').innerHTML="Your password is unmatch"; Here match is id of div defined in html code.

Collectives™ on Stack Overflow

how to compare two text input type box values using jquery

5 Answers 5

2 Comments

Comments

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

Comments

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related