KellyLSB
03-12-2010, 03:03 PM
Ok so im actually a php coder. and i designed a form checking script in php...
then a friend of mine recomended that the form be check first by javascript and so here is what i wrote... but its not quite working... can you help me firgure it out
<form name="register" action="index.php?page=register" method="post">
<p style="font-weight: bold;">Userinfo</p>
<p>
<table>
<tr><td>Username*:</td><td><input type="text" id="username" name="username" value="<?php echo($username); ?>" /><div id="usernameinfo"></div></td></tr>
<tr><td>Password*:</td><td><input type="password" id="password" name="password" /><div id="passwordinfo"></div></td></tr>
<tr><td>Confirm Password*:</td><td><input type="password" id="password2" name="password2" /></td></tr>
</table>
</p>
<p style="font-weight: bold;">Contact Info</p>
<p>
<table>
<tr><td>First Name*:</td><td><input type="text" id="fname" name="fname" value="<?php echo($fname); ?>" /><div id="fnameinfo"></div></td></tr>
<tr><td>Last Name*:</td><td><input type="text" id="lname" name="lname" value="<?php echo($lname); ?>" /><div id="lnameinfo"></div></td></tr>
<tr><td>Email*:</td><td><input type="text" id="email" name="email" value="<?php echo($email); ?>" /><div id="emailinfo"></div></td></tr>
<tr><td>Confirm Email*:</td><td><input type="text" id="email2" name="email2" /><div id="email1info"></div></td></tr>
<tr><td>Phone*:</td><td><input type="text" id="phone" name="phone" value="<?php echo($phone); ?>" /><div id="phoneinfo"></div></td></tr>
</table>
</p>
<p style="font-weight: bold;">Shipping Info</p>
<p>
<table>
<tr><td>Street Addess:</td><td><input type="text" name="address" value="<?php echo($address); ?>" /></td></tr>
<tr><td>City:</td><td><input type="text" name="city" value="<?php echo($city); ?>" /></td></tr>
<tr><td>State:</td><td><input type="text" name="state" value="<?php echo($state); ?>" /></td></tr>
<tr><td>ZIP:</td><td><input type="text" name="zip" value="<?php echo($zip); ?>" /></td></tr>
</table>
</p>
<input type="hidden" name="register" value="1" />
<script>
function check() {
var error = true;
var username = document.getElementById('username');
var password = document.getElementById('password');
var password2 = document.getElementById('password2');
var fname = document.getElementById('fname');
var lname = document.getElementById('lname');
var email = document.getElementById('email');
var email2 = document.getElementById('email2');
var phone = document.getElementById('phone');
if(username.length < 6) {
document.getElementById('usernameinfo').innerHTML = 'Username must be 6 or more characters';
var error = true;
} else { var error = false; }
if(password.value != password2.value) {
document.getElementById('passwordinfo').innerHTML = 'Password do not match';
var error = true;
} else { var error = false; }
if(fname.length < 2) {
document.getElementById('fnameinfo').innerHTML = 'Your name must have more letters than that';
var error = true;
} else { var error = false; }
if(lname.length < 2) {
document.getElementById('lnameinfo').innerHTML = 'Your last name must have more letters than that';
var error = true;
} else { var error = false; }
if(email.value != email2.value) {
document.getElementById('email1info').innerHTML = 'Emails must match';
var error = true;
} else { var error = false; }
if(phone.length < 10){
document.getElementById('phoneinfo').innerHTML = 'Please enter a phone number at least ten digits long';
var error = true;
} else { var error = false; }
if(error == false){
alert('Everything looks good click "register" to continue. there is a possibility of there being another error.');
document.getElementById('submit').disabled='false';
}
}
</script>
<input type="button" value="Check Form" onclick="check();" />
<input type="submit" id="submit" disabled="true" name="submit" value="Register" />
<p>We ask for phone and email address to allow us to contact you if we have any questions about your order.</p>
</form>
then a friend of mine recomended that the form be check first by javascript and so here is what i wrote... but its not quite working... can you help me firgure it out
<form name="register" action="index.php?page=register" method="post">
<p style="font-weight: bold;">Userinfo</p>
<p>
<table>
<tr><td>Username*:</td><td><input type="text" id="username" name="username" value="<?php echo($username); ?>" /><div id="usernameinfo"></div></td></tr>
<tr><td>Password*:</td><td><input type="password" id="password" name="password" /><div id="passwordinfo"></div></td></tr>
<tr><td>Confirm Password*:</td><td><input type="password" id="password2" name="password2" /></td></tr>
</table>
</p>
<p style="font-weight: bold;">Contact Info</p>
<p>
<table>
<tr><td>First Name*:</td><td><input type="text" id="fname" name="fname" value="<?php echo($fname); ?>" /><div id="fnameinfo"></div></td></tr>
<tr><td>Last Name*:</td><td><input type="text" id="lname" name="lname" value="<?php echo($lname); ?>" /><div id="lnameinfo"></div></td></tr>
<tr><td>Email*:</td><td><input type="text" id="email" name="email" value="<?php echo($email); ?>" /><div id="emailinfo"></div></td></tr>
<tr><td>Confirm Email*:</td><td><input type="text" id="email2" name="email2" /><div id="email1info"></div></td></tr>
<tr><td>Phone*:</td><td><input type="text" id="phone" name="phone" value="<?php echo($phone); ?>" /><div id="phoneinfo"></div></td></tr>
</table>
</p>
<p style="font-weight: bold;">Shipping Info</p>
<p>
<table>
<tr><td>Street Addess:</td><td><input type="text" name="address" value="<?php echo($address); ?>" /></td></tr>
<tr><td>City:</td><td><input type="text" name="city" value="<?php echo($city); ?>" /></td></tr>
<tr><td>State:</td><td><input type="text" name="state" value="<?php echo($state); ?>" /></td></tr>
<tr><td>ZIP:</td><td><input type="text" name="zip" value="<?php echo($zip); ?>" /></td></tr>
</table>
</p>
<input type="hidden" name="register" value="1" />
<script>
function check() {
var error = true;
var username = document.getElementById('username');
var password = document.getElementById('password');
var password2 = document.getElementById('password2');
var fname = document.getElementById('fname');
var lname = document.getElementById('lname');
var email = document.getElementById('email');
var email2 = document.getElementById('email2');
var phone = document.getElementById('phone');
if(username.length < 6) {
document.getElementById('usernameinfo').innerHTML = 'Username must be 6 or more characters';
var error = true;
} else { var error = false; }
if(password.value != password2.value) {
document.getElementById('passwordinfo').innerHTML = 'Password do not match';
var error = true;
} else { var error = false; }
if(fname.length < 2) {
document.getElementById('fnameinfo').innerHTML = 'Your name must have more letters than that';
var error = true;
} else { var error = false; }
if(lname.length < 2) {
document.getElementById('lnameinfo').innerHTML = 'Your last name must have more letters than that';
var error = true;
} else { var error = false; }
if(email.value != email2.value) {
document.getElementById('email1info').innerHTML = 'Emails must match';
var error = true;
} else { var error = false; }
if(phone.length < 10){
document.getElementById('phoneinfo').innerHTML = 'Please enter a phone number at least ten digits long';
var error = true;
} else { var error = false; }
if(error == false){
alert('Everything looks good click "register" to continue. there is a possibility of there being another error.');
document.getElementById('submit').disabled='false';
}
}
</script>
<input type="button" value="Check Form" onclick="check();" />
<input type="submit" id="submit" disabled="true" name="submit" value="Register" />
<p>We ask for phone and email address to allow us to contact you if we have any questions about your order.</p>
</form>