Home/ Questions/Q 6781805
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T16:40:02+00:00

<html> <head> <meta http-equiv=Content-Type content=text/html; charset=UTF-8> <title>Login Page</title> </head> <br><br><br><br> <body style=background-color: cornflowerblue >

  • 0
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Login Page</title>
    </head>
    <br><br><br><br>
    <body style="background-color: cornflowerblue" >
        <form action="Login" method="post" name="frmLogin">
            <table style="background-color: darkgrey" align="center" border="1">
                <thead>
                    <tr>
                        <th colspan="2" style="font-size: xx-large;color:darkmagenta" >Login Details</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td style="font-weight: bold" >Username</td>
                        <td><input type="text" name="txtUsername" value="" /></td>
                    </tr>
                    <tr>
                        <td style="font-weight: bold">Password</td>
                        <td><input type="password" name="txtPassword" value="" /></td>
                    </tr>
                    <tr>
                        <td align="center" colspan="2" >
                            <input type="button" onclick="return reset();" value="Reset" name="btnReset" />
                            <input type="submit" onclick="return submit();" value="Submit" name="btnSubmit" />
                        </td>
                    </tr>
                </tbody>
            </table>

        <script type="text/javascript"  language="javascript">
            function submit()
            {

                var username=frmlogin.document.txtUsername.vlaue;
                var password=frmlogin.document.txtPassword.vlaue;
                if(username=="")
                {
                    alert("Username Must be filled");
                    return false;
                }
                if(password=="")
                {
                    alert("Password Must be filled");
                    return false;
                }
                return true;
            }
            function reset()
            {
                frmlogin.document.txtUsername.vlaue="";
                frmlogin.document.txtPassword.vlaue="";
                return false;
            }
        </script>
        </form>
    </body>
</html>

I have html code above, and on successfully submit I call a servlet name Login.

But it directly call the servlet. It skips the java script function.

And if i remove the form then java script executes.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Your problem is that you gave the custom form validator function the same name as the form’s default submit function form.submit(). The form’s default submit function will have precedence in this context.

    To fix this, you need to rename submit() to something else. E.g.

    onclick="return validate();"

    with

    function validate() {
    // ...
}

    Unrelated to the concrete problem, you’ve several major bugs in your JS function, the following line for example is completely wrong:

    var username=frmlogin.document.txtUsername.vlaue;

    but that’s subject for a different question if you can’t figure it out.

    Last but not least, I hope that you’re aware that JS can be disabled/spoofed by the client? Ensure that you’re also validating the form in the server side. See also our servlets wiki page for a concrete example.

    • 0