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

2014-06-06 06:29:31 +00:00
Commented Jun 6, 2014 at 6:29 — Pranav
– Pranav, Commented Jun 6, 2014 at 6:29
Also your input tags aren't closed

Ronan Thibaudau
– Ronan Thibaudau

2014-06-06 06:34:38 +00:00
Commented Jun 6, 2014 at 6:34 — Ronan Thibaudau
– Ronan Thibaudau, Commented Jun 6, 2014 at 6:34
jsfiddle.net/phZaL/6 updated

Coder
– Coder

2014-06-06 06:35:11 +00:00
Commented Jun 6, 2014 at 6:35 — Coder
– Coder, Commented Jun 6, 2014 at 6:35

Shaunak D · Accepted Answer · 2014-06-06 06:34:50Z

2

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

answered Jun 6, 2014 at 6:34

Shaunak D

20.7k10 gold badges48 silver badges79 bronze badges

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

Comments

Andrew · Accepted Answer · 2014-06-06 06:37:56Z

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 6, 2014 at 6:37

answered Jun 6, 2014 at 6:31

Andrew

20.4k13 gold badges110 silver badges122 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:30:04Z

0

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

edited May 23, 2017 at 12:30

CommunityBot

11 silver badge

answered Jun 6, 2014 at 6:53

Bhavik

4,9044 gold badges32 silver badges45 bronze badges

Collectives™ on Stack Overflow

validation in if textbox having same values in jquery

3 Answers 3

Comments

Comments

Demo Fiddle

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related