Home/ Questions/Q 8620001
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T06:28:33+00:00

I am trying to validate a form using javascript. The text fields are embedded

  • 0

I am trying to validate a form using javascript. The text fields are embedded within table rows. A blank table row is left to display warnings (like “cannot be blank”). When I am calling the method validateForm() on onsubmit the warning appears in the table row and disappears. And when I press the button the second time then the warning stays on the html page. I don’t know whats happening.

function validateForm() {
var warnmsg = checkNames();
document.getElementById("row1").innerHTML = warnmsg;
}
function checkNames() {
var fname = document.getElementById("fname");
if (fname.value.length==0)
    return "Cannot be left blank";
else
    return "";

}

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You must return false in order for the page not to leave. 

                function validateForm() 
            {
                var warnmsg = checkNames();
                document.getElementById("row1").innerHTML = warnmsg;
                return !warnmsg.length >0;//if there is a warning message, return false
            }

    then in your form:

    onsubmit="return validateForm()"

    here’s my test page

    <html>
    <head>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
        <script>
            function validateForm() 
            {
                var warnmsg = checkNames();
                document.getElementById("row1").innerHTML = warnmsg;
                return !warnmsg.length >0;
            }
            function checkNames() 
            {
                var fname = document.getElementById("fname");
                if (fname.value.length==0)
                    return "Cannot be left blank";
                else
                    return "";
            }
        </script>
    </head>

    <body>
        <form onsubmit="return validateForm()">
                    <p id="row1"></p>
            <input type="text" id="fname" />
            <input type="submit" />
        </form>
    </body>
</html>
    • 0