PDA

View Full Version : Form Validate change color of Label

Kenr
12-11-2002, 06:19 AM
Hi,
I need some help.
I want to be able to change the text color of a field label when the field is validated for being a number on a form.

Any suggestions?
glenngv
12-11-2002, 06:43 AM
is this really a javascript question or ASP.NET?
Kenr
12-11-2002, 06:54 AM
Thanks for your reply.

Javascript please!
glenngv
12-11-2002, 07:12 AM
just want to confirm it, seems like ASP.NET's Validation control but I was wrong :D
please post some codes
codefox
12-11-2002, 08:55 AM
If you want the color of the label to change if the corresponding field has an invalid value then in the validation function if the value in the field is invalid just say
<label-field-name>.Style.color = red; // or any other color you want
Otherwise set the color to the normal color matching other fields.
Kenr
12-11-2002, 08:14 PM
Thanks for the reply.

Sorry but I guess I'm just not getting it.
I have included the code that I need to incorporate the label field change in color.

<html>
<head>
<title>Calculator</title>

<script>
<!--
function s(num, val) {
amount = num * 1; // amount is the num or NaN
sum = (!num ? 0 : num) * val; // the sum for that bill or coin

if (isNaN(amount)) { // if the entire amount is not a number

alert(
"' " + num + " ' is not a valid entry and that field will "
+ "not be included in the total money calculation."
);
return 0;
}
else
return sum; // if it is OK, send sum back
}

function money(form) {
hun = s(form.hun.value, 100); // Each amount is the returned value
fif = s(form.fif.value, 50); // for the amount in the s() function
twe = s(form.twe.value, 20);
ten = s(form.ten.value, 10);
fiv = s(form.fiv.value, 5);
one = s(form.one.value, 1);
hlf = s(form.hlf.value, .5);
qtr = s(form.qtr.value, .25);
dme = s(form.dme.value, .1);
nck = s(form.nck.value, .05);
pny = s(form.pny.value, .01);

// add up all the amounts
var ttl = hun + fif + twe + ten + fiv
+ one + hlf + qtr + dme + nck + pny;

// rounds total to two decimal places

ttl = "" + ((Math.round(ttl * 100)) / 100);

dec1 = ttl.substring(ttl.length-3, ttl.length-2);
dec2 = ttl.substring(ttl.length-2, ttl.length-1);

if (dec1 != '.') { // adds trailing zeroes if necessary
if (dec2 == '.') ttl += "0";
else ttl += ".00";
}
form.total.value = "$ " + ttl; // display total amount
}
-->
</script>
<body >

<center><h1>Money Calculator</h1><br /><hr><br /><br />
<p>This calculator will help you add up all that loose change around the house.<br />
You never know, that change jar just might finance the next trip to Vegas!<p>
<form name=coinform>
<table border=4 bordercolor=green>

<tr>
<td align=center>$ 100</td>
<td align=center>$ 50</td>
<td align=center>$ 20</td>
<td align=center>$ 10</td>
<td align=center>$ 5</td>
<td align=center>$ 1</td>
</tr>
<tr>
<td align=center><input type=text name=hun size=3></td>
<td align=center><input type=text name=fif size=3></td>
<td align=center><input type=text name=twe size=3></td>
<td align=center><input type=text name=ten size=3></td>
<td align=center><input type=text name=fiv size=3></td>
<td align=center><input type=text name=one size=3></td>
</tr>
<tr>
<td colspan=6> </td>
</tr>
<tr>
<td bgcolor=green> </td>

<td align=center>50 ¢</td>
<td align=center>25 ¢</td>
<td align=center>10 ¢</td>
<td align=center>5 ¢</td>
<td align=center>1 ¢</td>
</tr>
<tr>
<td bgcolor=green> </td>
<td align=center><input type=text name=hlf size=3></td>
<td align=center><input type=text name=qtr size=3></td>
<td align=center><input type=text name=dme size=3></td>
<td align=center><input type=text name=nck size=3></td>
<td align=center><input type=text name=pny size=3></td>
</tr>
<tr>
<td bgcolor=green colspan=5 align=center>
<input type=button name=calc value="Calculate" onClick="javascript:money(this.form)">
<input type=reset value= "Clear">
<input type=text name=total size=10>
</td>
<td bgcolor=green> </td>
</tr>
</table>
</form>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><hr>
</body>
</html>