How to validate text field using javascript

Question

I'm trying to validate text field using javascript. return false is working fine. but return true is not working.

HTML

<form namme="frms" action="booking_management.php">
    <input type="text" name="total" id="totald" value="" onkeyup="calbill()" class="input"/>
    <input name="but" type="button" value="Send Bill" class="btn btn-primary" onClick="bill()" />
</form>

JavaScript

function bill() {
  if (Checktot()) {
    document.forms["frms"].submit();
  }
}

function Checktot() {
  var tot = document.getElementById("totald").value;
  if (tot == "no") {
    document.getElementById("totald").style.borderColor = "#ED291F";
    alert("Please try again");
    return false;
  }
  return true;

}

better use jquery validate plugin. see this link jqueryvalidation.org/files/demo — Frebin Francis
– Frebin Francis, Commented Mar 5, 2015 at 5:24

Manwal · Accepted Answer · 2015-03-05 05:43:56Z

1

You are getting error:

Uncaught TypeError: Cannot read property 'submit' of undefined

document.forms["frms"].submit();

ERROR DEMO

You can use this:

document.forms[0].submit()

Working DEMO

edited Mar 5, 2015 at 5:43

answered Mar 5, 2015 at 5:37

Manwal

23.9k15 gold badges65 silver badges95 bronze badges

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

Collectives™ on Stack Overflow

How to validate text field using javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related