Home/ Questions/Q 7892111
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-03T06:47:16+00:00

Hi, I have this code and I can’t get it to work. I’m new

  • 0

Hi, I have this code and I can’t get it to work. I’m new with Ajax jQuery and JavaScript so please be nice 🙂 and thank you for the help 🙂
This code should be a simple form validation but when I tab in to the next input box it does nothing. It should be displaying an error message that the uname is less than 5 characters long. Thank you!

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function validateUsername(){
    var uname=document.getElementById("uname").value;
    if(uname<5){
        document.getElementById("errormsg").value = "wait";
    }

}
</script>

<body>
<form method=post id=regform action=jscript.html>
<table>
    <tr>    
        <td>Username</td>
        <td><input type=text name=uname id=uname onBlur="javascript:validateUsername()"/></td>
        <td><input type=hidden name=errormsg value='' id=errormsg"/></td>
    </tr>
    <tr>    
        <td>Password</td>
        <td><input type=text name=uname id=uname onBlur="javascript:validatePassword()"/></td>
        <td><input type=hidden name=errormsg value='' id=errormsg"/></td>
    </tr>
</table>
</form>

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    try this, i hope it will help.
    You need to improve your html, put quotes around value of every attribute like type=”text” name=”uname” and all you was writing is javascript, not jquery, so you also not need to include that .js file.
    in your function validateUsername, uname holds the number of characters entered by user, and if its less then 5, then errormsg (which is id of a div) will show wait msg

    you don’t need input type=”hidden” to show error message to user, use DIV or SPAN for that

    <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
function validateUsername(){
    var uname=document.getElementById("uname").value.length;
if(uname<5){
    document.getElementById("errormsg").innerHTML = "wait";
}

}
</script>
</head>
<body>
<form method="post" id="regform" action="jscript.html">
<table>
<tr>    
    <td>Username</td>
    <td><input type="text" name="uname" id="uname" onBlur="validateUsername()"/></td>
    <td><div id="errormsg"></div></td>
</tr>
<tr>    
    <td>Password</td>
    <td><input type="text" name="pass" id="pass" /></td>
    <td></td>
</tr>
</table>
</form>
</body>
</html>
    • 0