If else statement is not working in jquery

Question

I am trying to make a form validator that requires at least 6 characters in the input text field. It's supposed to show error if the length is less than 6 and Matched! if its more than 6. But, it's showing error no matter how long the character is.

$(function() {
  let texts = $("#txt").val();
  let password = $("#pass").val();

  $("#frm").submit(function(e) {
    if (texts.length < 6) {
      $("#text-adder").text("Error");
      e.preventDefault();
    } else {
      $("#text-adder").text("Matched!");
    }
  })
});

texts will always be the initial value, move let texts = $("#txt").val(); inside the event handler — George
– George, Commented Dec 21, 2018 at 11:14

kish · Accepted Answer · 2018-12-21 11:18:21Z

2

$("#frm").submit(function(e) {
  e.preventDefault();   
  if ($("#txt").val().length < 6) {
    $("#text-adder").text("Error");

  } else {
    $("#text-adder").text("Matched!");
  }
})

answered Dec 21, 2018 at 11:18

kish

1613 silver badges16 bronze badges

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

Comments

James Douglas · Accepted Answer · 2018-12-21 11:16:57Z

1

Get the text & password value inside the submit function. This is because the on submit it needed to check the value. But if you get it outside the submit function that will not get the updated value on submit

$("#frm").submit(function(e) {
  e.preventDefault();
  let texts = $("#txt").val();
  let password = $("#pass").val();
  if (texts.length < 6) {
    $("#text-adder").text("Error");

  } else {
    $("#text-adder").text("Matched!");
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

edited Dec 21, 2018 at 11:16

James Douglas

3,4662 gold badges25 silver badges43 bronze badges

answered Dec 21, 2018 at 11:14

brk

50.3k10 gold badges59 silver badges85 bronze badges

Comments

Ankit Agarwal · Accepted Answer · 2018-12-21 11:15:01Z

0

You need to actually get the value of the #txt field inside the submit function so that the value is updated with the latest value:

$(function() {
  $("#frm").submit(function(e) {
    let texts = $("#txt").val();
    let password = $("#pass").val();
    if(texts.length < 6) {
        $("#text-adder").text("Error");
        e.preventDefault();
    }
    else {
        $("#text-adder").text("Matched!");
    }
  })
});

answered Dec 21, 2018 at 11:15

Ankit Agarwal

30.8k5 gold badges41 silver badges63 bronze badges

Collectives™ on Stack Overflow

If else statement is not working in jquery

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related