need to display error msg in a divtag under tr tag

kummu4help

Hi,
i have a following form.

Expand|Select|Wrap|Line Numbers

 
    <form id="frm_signup">

    <b>please fill the following registration form.All the fields are compulsory</b><br/><br/>
 
        <table border="0" cellpadding="" cellspacing="" id="register-table"> 
 
        <tr> 

        <td >Username</td><td>:<span style="color:#FF0066">*</span></td> 

        <td id="username_row" ><input type=text id="username" name="username" value="" /> 

        <div class="er_msg"></div></td> 

        </tr> 
 
        <tr> 

        <td >Password</td><td>:<span style="color:#FF0066">*</span></td> 

        <td id="pword_row" ><input type="password" id="pword" name="pword" value="" /> 

        <div class="er_msg"></div></td></tr> 

</table>

<input type="button" id="onRegister" onclick="onRegister()"/>

</form>

during validation if username field is empty i want to display error msg in the
div tag corresponding to username row.

so how can i display the msg in username's div tag.

if i use document.getElementById, then the same msg will display for username and password and whereever the div tag appears.

i don't want to use seperate id for each div for each input field.

i got this piece of code from www.adbrite.com sites registration form(under advertisers tab, while asking personal details).

i think the following piece of code can apply to my problem

Expand|Select|Wrap|Line Numbers

 
function onRegister()

{

MYTABLE=document.getElementById('register-table');

for (i=0;i<MYTABLE.rows.length;i++) {
 
//MYTABLE.rows[i].div.innerHTML="enter value";

alert(MYTABLE.rows[i]);

}

can any one think on those lines

can anyone help me pls....

RamananKalirajan

u can use this for time being

[HTML]<html>
<head>
<style type="text/css">
.er_msg{
color: #FF0000;
font-size:12px;
font-family: times;
}
</style>
<script type="text/javascript">
function doRegister()
{
//alert("Coming Inside");
if(document.getElementById('username').value=="")
{
document.getElementById('username_row').innerHTML+ ='<div class="er_msg">Please Enter User Name</div>';
return false;
}
if(document.getElementById('pword').value=="")
{
document.getElementById('pword_row').innerHTML+='< div class="er_msg">Please Enter Password</div>';
return false;
}
return true;
}
</script>
</head>
<body>
<form id="frm_signup">
<b>please fill the following registration form.All the fields are compulsory</b><br/><br/>

<table border="0" cellpadding="" cellspacing="" id="register-table">

<tr>
<td >Username</td><td>:<span style="color:#FF0066">*</span></td>
<td id="username_row" ><input type="text" id="username" name="username" value="" /></td>
</tr>

<tr>
<td >Password</td><td>:<span style="color:#FF0066">*</span></td>
<td id="pword_row" ><input type="password" id="pword" name="pword" value="" />
<div class="er_msg"></div> </td>
</tr>
</table>
<input type="button" value="validate Form" onclick="return doRegister();">
</form>
</body>
</html>[/HTML]

acoder

I think that's the very thing which kummu4help wanted to avoid.

Use parentNode to get to the <td> element from the input element and then from there, you can use td.getElementsByTagName("div")[0] to get the div element for displaying the error message.

need to display error msg in a divtag under tr tag

re: need to display error msg in a divtag under tr tag

re: need to display error msg in a divtag under tr tag

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

/bytes/about