亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

Community

Learn

Tools Library

AI Tools

Leisure

English

Validating phone number length using jquery doesn't work

P粉520545753 2024-03-30 11:39:59

590

I'm trying to validate the phone number length using jquery, when the user starts typing their own content it should be displayed, I executed the following code:

function validatePhone(phone) {
  if (phone.value.length <= 10 && phone.value.length >= 5) {
    let
    var = 'Yes';
    return var;
  } else {
    let
    var = 'No';
    return var;
  }
}

function validate() {
  let result1 = $("#result1");
  let phone = $("#phone").val();
  result1.text("");


  if (validatePhone(phone)) {
    result1.text(var);
    result1.css("color", "green");
  }
  return false;
}
jQuery(function($) {
  $("#phone").on("input", validate);
});

<input type="number" class="form-control"  id="phone" name="phone">
<span class="label">Phone Number<span style="color:red">*</span> <span id="result1"></span></span>

But this doesn't work, can someone tell me what's wrong here, thanks in advance

P粉520545753

reply all(1)

P粉2168079242024-03-31 11:09:27 1 floor

I cleaned up your code a bit and it's basically fine, but you have some minor syntax errors and logic errors. I also recommend using the label label. The code can be written shorter if you want!

function validatePhone(phone) {
  if (phone.length = 5) {
    return true;
  } else {
    return false;
  }
}

function validate() {
  let result1 = $("#result1");
  let phone = $("#phone").val();
  result1.text("");


  if (validatePhone(phone)) {
    result1.text("great!");
    result1.css("color", "green");
  } else {
    result1.text("please input phone number");
    result1.css("color", "red");
  }
}

jQuery(function($) {
  $("#phone").on("input", validate);
});

HTML

Phone Number *

I also suggest you take a look at the css:valid rules! https://developer.mozilla.org/en-US/docs /Web/CSS/:valid

Like +0

Add Reply