/    Sign up×
Community /Pin to ProfileBookmark

Code doesn’t Worlk in IE & Netscrape Only FF

Code below doesn’t work in IE and Netscape, but works fine in FF. Why? Any one know!

[code]

<script language=”JavaScript” type=”text/javascript”>
function validateFields()
{
if (document.membership.firstname.value == “”) {
alert(“Please Enter Your First Name”)
return false
}
if (document.membership.lastname.value == “”) {
alert(“Please Enter Your Last Name”)
return false
}
if (document.membership.email.value == “”) {
alert(“Please Enter Your Email Address”)
return false
}
if (document.membership.Country.value == “”) {
alert(“Please Enter Country”)
return false
}
if (document.membership.State.value == “”) {
alert(“Please Enter State or Doesn’t Apply”)
return false
}
if (document.membership.Gender.value == “”) {
alert(“Please Enter Gender”)
return false
}
if (document.membership.agebracket.value == “”) {
alert(“Please Enter Your Password”)
return false

}
if (document.membership.browser.value == “”) {
alert(“Please Enter Your Browser”)
return false
}
if (document.membership.UserName.value == “”) {
alert(“Please Enter Your User Name”)
return false
}
if (document.membership.pw1.value == “”) {
alert(“Please Enter Your Password”)
return false

}
if (document.membership.pw2.value == “”) {
alert(“Confirm Password”)
return false
}
</script>

</head>
<body bgcolor=”lightblue” onLoad=”Reset()” >
[/code]


____________________________________________________
[code]
<INPUT TYPE=”submit” value=”submit” style=”color: #ff0000; background-color: #000000″ onClick=”validateFields()”>

<INPUT TYPE=”reset” VALUE=”Reset” onClick=”Reset()”><p>
[/code]


____________________________________________________

If needed I can send all the code. What have I done wrong?

to post a comment
JavaScript

6 Comments(s)

Copy linkTweet thisAlerts:
@KorOct 25.2007 — The validator code supposes to allow/stop the [B]submit[/B] HTML action, not the [B]click[/B] HTML action, therefor the correspondent event, [I]onsubmi[/I]t, belongs to the [B]form[/B] element, not to the input submit button. More than that, to do the job, the event handler should ask for the return.
<i>
</i>&lt;form [B][COLOR="Blue"]onsubmit="return validateFields()"[/COLOR][/B]...&gt;

and remove the onclick from the submit button
Copy linkTweet thisAlerts:
@Herb1authorOct 25.2007 — I changed the code: This is what it looks like.

<form name="membership"OnSubmit="return validateFields()" action="mailto:[email protected]?subject=Membership Registration" method="post" enctype="text/plain">
-----------------------------------------------------------------------



<INPUT TYPE="submit" value="submit" style="color: #ff0000; background-color: #000000">

<INPUT TYPE="reset" VALUE="Reset" onClick="Reset()"><p>


--------------------------------------------------------------

In FF it will send the results via email to me. and it will reset, but not in IE or Netscap.

Thanks for your responds.
Copy linkTweet thisAlerts:
@KorOct 25.2007 — <body onload="document.forms['membership'].reset()">

Dont use CamelCase, use lowercase

onsubmit, onclick....
Copy linkTweet thisAlerts:
@Herb1authorOct 25.2007 — Tried in Netscape (7.2) IE (7.0) FF (2.0) Still won't work. What I have on my site www.hbronner.org will send me the info, but it doesn't check for blank entries. I want all fields to be filled in but comments. This is what is in the body tag now.

<body bgcolor="lightblue" onload="document.forms['membership'].reset() >

I am testing this new html before I put it on the site.

All I want is to validate form and have it sent to me with all fields filled in. The reset doesn't work either on all browser I mentioned above. Perhaps you might want to go to site and see what I mean. You do have to register, and its free.
Copy linkTweet thisAlerts:
@KorOct 25.2007 — You forgot to close the function
<i>
</i>...
if (document.membership.pw2.value == "") {
alert("Confirm Password")
return false
}
[B][COLOR="Red"]}[/COLOR][/B]
&lt;/script&gt;
Copy linkTweet thisAlerts:
@Herb1authorOct 25.2007 — <div align="center"><b><font size="5"><font color="#0000FF">Membership Sign Up</font></b></div><br><center>A little bit about yourself.</center>

<script language="JavaScript" type="text/javascript">

function validateFields()

{

if (document.membership.firstname.value == "") {

alert("Please Enter Your First Name")

return false

}

if (document.membership.lastname.value == "") {

alert("Please Enter Your Last Name")

return false

}

if (document.membership.email.value == "") {

alert("Please Enter Your Email Address")

return false

}

if (document.membership.Country.value == "") {

alert("Please Enter Country")

return false

}

if (document.membership.State.value == "") {

alert("Please Enter State or Doesn't Apply")

return false

}

if (document.membership.Gender.value == "") {

alert("Please Enter Gender")

return false

}

if (document.membership.agebracket.value == "") {

alert("Please Enter Your Password")

return false

}

if (document.membership.browser.value == "") {

alert("Please Enter Your Browser")

return false

}

if (document.membership.UserName.value == "") {

alert("Please Enter Your User Name")

return false

}

if (document.membership.pw1.value == "") {

alert("Please Enter Your Password")

return false

}

if (document.membership.pw2.value == "") {

alert("Confirm Password")

return false

}

}

</script>

</head>

<body bgcolor="lightblue" onload="document.forms['membership'].reset() >




<center>

<form name="membership"OnSubmit="return validateFields()" action="mailto:[email protected]?subject=Membership Registration" method="post" enctype="text/plain">



<font size="2" color="#ffff66" face="Arial">

<div><table width="50%" bgcolor="#FFFF66" border="7" cellpadding="2" cellspacing="2">

<tr valign="top">

<td><b>First Name:<INPUT NAME="FirstName" TYPE="text" VALUE=""SIZE=20>

</td>

</tr>

<tr valign="top">

<td><B>Last Name: <INPUT NAME="LastName" TYPE="text" VALUE=""SIZE=20>

</td>

</tr>

<tr valign="top">

<td><b>EMAIL:<INPUT NAME="email" TYPE="text" VALUE=""SIZE=20>

</td>

</tr>

<tr valign="top">

<td><b>Country:

<select class="other" name="Country" >

<option></option>

<option>United States</option>

<option>Ghana</option>

<option>Gibraltar</option>

<option>Greece</option>

<option>Greenland</option>

<option>Grenada</option>

<option>Guam</option>

<option>Guatemala</option>

<option>Guernsey</option>

<option>Guinea</option>

<option>Guinea-Bissau</option>

<option>Guyana Guyana</option>

<option>Haiti Haiti</option>

<option>Honduras</option>

<option>Hong Kong</option>

<option>Hungary</option>

<option>Iceland</option>

<option>India</option>

</select>

</td>

</tr>

<tr valign="top">

<td><b>State(USA only):

<select class="other" name="State" >

<option></option>

<option>AL</option>

<option>AK</option>

<option>AR</option>

<option>AZ</option>

<option>CA</option>

<option>CO</option>

<option>CT</option>

<option>DC</option>

<option>DE</option>

<option>FL</option>

<option>GA</option>

<option>HI</option>

<option>ID</option>

<option>IL</option>

<option>IN</option>

<option>IA</option>

<option>KS</option>

<option>KY</option>

<option>LA</option>

<option>ME</option>

<option>MD</option>

<option>MA</option>

<option>MI</option>

<option>MN</option>

<option>MS</option>

<option>MO</option>

<option>MT</option>

<option>NE</option>

<option>NV</option>

<option>NH</option>

<option>NJ</option>

<option>NM</option>

<option>NY</option>

<option>NC</option>

<option>ND</option>

<option>OH</option>

<option>OK</option>

<option>OR</option>

<option>PA</option>

<option>RI</option>

<option>SC</option>

<option>SD</option>

<option>TN</option>

<option>TX</option>

<option>UT</option>

<option>VT</option>

<option>VA</option>

<option>WA</option>

<option>WV</option>

<option>WI</option>

<option>WY</option>

</select>

</td>

</tr>

<tr valign="top">

<td> <b>Gender:

<select class="other" name="Gender" >

<option></option>

<option>Male</option>

<option>Female</option></select>

</td>

</tr>

<tr valign="top">

<td> <b>Age Bracket:

<select class="other" name="ageBracket" >

<option></option>

<option>Under 18</option>

<option>18-30</option>

<option>31-40</option>

<option>41-50</option>

<option>51-60</option>

<option>over 60</option> </select>

</td>

</tr>

<tr valign="top">

<td> <b>Enter your browser

<select class="Browser" name="browser" >

<option></option>

<option>Internet Explorer</option>

<option>Netscape</option>

<option>Firfox</option>

<option>Opera</option>

<option>Others</option>

</select>

</td>

</tr>

<tr valign="top">

<td> <b>Comments or Suggestion:

<TEXTAREA NAME="COMMENTS" ROWS=5 COLS=50 wrap=yes></TEXTAREA>

</td>

</tr>

<tr valign="top">

<td> <b>User Name(6 to 8 Charaters):

<INPUT NAME="UserName" TYPE="text" SIZE=8><br>

</td>

</tr>

<tr valien="top">

<td> <b>Password:

<INPUT NAME="pw1" TYPE="password" VALUE="" SIZE=8><BR>

</td>

</tr>

<tr valien="top">

<td><b>Confirm Password:

<INPUT NAME="pw2" TYPE="password" VALUE="" SIZE=8><BR>

</td></tr>

<tr><td align="center">


</td></tr></table>

</FORM>

<center>

<INPUT TYPE="submit" value="submit" style="color: #ff0000; background-color: #000000">

<INPUT TYPE="reset" VALUE="Reset" onClick="Reset()"><p>


<font size="4" face="Crazy Loot BTN Inline" color="#FF0000"><b>THANK YOU FOR REGISTERING</b></font>

</body>

</html>


-------------------------------------------------------------------------

This is the full page. Validation doesn't work on any browser. I deleted some of the countries to make it shorter.
×

Success!

Help @Herb1 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...