Home/ Questions/Q 8492139
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T22:37:57+00:00

I’m trying to validate a login page with a div to display the errors

  • 0

I’m trying to validate a login page with a div to display the errors in , I’m using innerHTML to change the empty text in the div with the error occured , the problem is that the error msg is written and disappears just in a second

here is the code

<html>
<head>
<title>
    Sign up for a membership @ Ay 7aga.com
</title>
<script type="text/javascript">
function check(){
var x = "";
if(document.getElementById('user').value =="")
    x+="Enter user name -";
if(document.getElementById('password').value =="")
    x+="Enter password";
document.getElementById('error1').innerHTML = x;

}
</script>
</head>
<body>
<div name="error" id="error" style="width:1200px;background-color:red"> 
<p name="error1" id="error1"> 
</div>
<center>
<br/>
<form name="register" id="register" >
    <table>
        <tr>
        <td> UserName </td>
            <td> <input type="text" id="user" /> </td>
        </tr>
        <tr>
            <td> Password </td>
            <td> <input type="password" name="password" id="password"/></td>
        </tr>

    </table>
    <button onclick="check()"> Submit </button>
</form>
<a href="Home page.html"> Go to Home page </a>
</center>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    When using a <button> tag, the “type” attribute is important: most browsers (correctly) default the type to “submit”, which makes it work as a form submit element. You can instead set the type to “button”, which makes the button have no native behavior other than to fire event handlers. Thus:

    Thus:

    <button onclick="check()" type=button>Submit</button>

    will keep the button from causing an implicit submit of the form.

    • 0