validation in if textbox having same values in jquery

Question

I am trying to perform this action like if user choose same value for two different box i have to show some errors.my textbox code as follows.

<input class="order form-control vnumber" type="text" maxlength="1" name="Orderbox[]" required="true">
<input class="order form-control vnumber" type="text" maxlength="1" name="Orderbox[]" required="true">
<input class="order form-control vnumber" type="text" maxlength="1" name="Orderbox[]" required="true">
<input class="order form-control vnumber" type="text" maxlength="1" name="Orderbox[]" required="true">

so the textbox values should be different like 1,2,3,4 it should not be 1,1,1,1 so i have tried real time update using jquery.

$('.order').keyup(function () {       
    // initialize the sum (total price) to zero
    var val = 0;
    var next_val=0;
    // we use jQuery each() to loop through all the textbox with 'price' class
    // and compute the sum for each loop
    $('.order').each(function() {
        val+=$(this).val();
    });
      alert(val);
      if (next_val==val) {
    alert("same value");
      }
      next_val=val;
});

But its not working as i expected can anybody tell is there any solutions for this.Any help would be appreciated.Thank you.

JFIDDLE: jfiddle

you havent included jquery in your fiddle – Pranav Jun 06 '14 at 06:29 — Pranav, Jun 06 '14 at 06:29
Also your input tags aren't closed – Ronan Thibaudau Jun 06 '14 at 06:34 — Ronan Thibaudau, Jun 06 '14 at 06:34
http://jsfiddle.net/phZaL/6/ updated – Coder Jun 06 '14 at 06:35 — Coder, Jun 06 '14 at 06:35

score 2 · Answer 1 · answered Jun 06 '14 at 06:34

Try this Demo Fiddle.

var valarr = [];
$('.order').keyup(function () {

      var curr = $(this).val();
      if (jQuery.inArray(curr, valarr) > -1) {
          alert('exists');
      } else {
          valarr.push(curr);
      }

});

You can use arrays to maintain values. To check the existence of value use inArray()

Andrew · Answer 2 · 2014-06-06T06:37:56.537

1

You need to put more of the code inside the .each() loop. Also, change val+= to just val=

 $('.order').each(function() {
    val=$(this).val();
    alert(val);
    if (next_val==val) {
          alert("same value");
    }
    next_val=val;
 });

And keep in mind next_val is actually the previous value...

fiddle http://jsfiddle.net/phZaL/8/

edited Jun 06 '14 at 06:37

answered Jun 06 '14 at 06:31

Andrew

18,680
13
103
118

score 0 · Answer 3 · edited May 23 '17 at 12:30

This will only work if all values entered till now have the same value
jQuery Code

var arr = [];
$('.order').change(function () {
    arr.push($(this).val());
    if (arr.length > 1) {
        if (arr.AllValuesSame()) alert("Values are same");
    }
    var val = 0;
    $.each(arr, function () {
        val = parseInt(val) + parseInt(this);
    });
    $('.val').text(val);
});
Array.prototype.AllValuesSame = function () {
    if (this.length > 0) {
        for (var i = 1; i < this.length; i++) {
            if (this[i] !== this[0]) return false;
        }
    }
    return true;
}

Demo Fiddle

Made with great help from this answer by @Robert

validation in if textbox having same values in jquery

3 Answers3

Demo Fiddle