Inserting JQuery in an If Statement inside a function

Question

It's been a long time since I code stuff with validation. My problem today is that I am trying to validate a field in which it must have 10 or more than characters. When you press ok, the jQuery function should trigger.

function pathvalid() {
    var str = document.getElementById("pathenabler");
    var n = str.value.length;
    if (n < 10) {
        document.getElementById("demo").innerHTML = "The path that you have entered is either invalid or         incorrect. Please input a valid path.";
    }
    else {
        document.getElementById("demo").innerHTML = "Not Good day!";
        $('.actionenabler') .removeClass('chkbox');
    }
}

What is the problem?

Pointy
– Pointy

2015-05-18 13:58:04 +00:00
Commented May 18, 2015 at 13:58 — Pointy
– Pointy, Commented May 18, 2015 at 13:58

Amar Kamthe · Accepted Answer · 2015-05-18 14:03:48Z

2

Simply add this to your OK button

<input type="button" value="OK" onclick="pathvalid();" />

OR

You can write a code using jquery. Your input button

 <input type="button" value="OK" id="btn"/>

Your javascript contains:

$(document).ready(function(){
$("#btn").click(function(){
     if($("#pathenabler").text().trim().length < 10){
         $("#demo").append("The path that you have entered is either invalid or incorrect. Please input a valid path.");
      }
       else{
         $("#demo").append("Not Good day!");
         $('.actionenabler').removeClass('chkbox');
      }
});
});

answered May 18, 2015 at 14:03

Amar Kamthe

2,5822 gold badges17 silver badges25 bronze badges

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

Comments

DonJuwe · Accepted Answer · 2015-05-18 14:06:51Z

1

You can get the inputs length with $('#pathenabler').val().length;.

If I get you right this example might fit your needs ;)

function check() {
  var length = $('#text').val().length;
  alert(length);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input id="text" type="text">
<button id="check" onclick="check()">Check input length</button>

answered May 18, 2015 at 14:06

DonJuwe

4,5634 gold badges37 silver badges60 bronze badges

Collectives™ on Stack Overflow

Inserting JQuery in an If Statement inside a function

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related