I wrote the following code to check some field values and it works fine in Chrome and Firefox, but doesnt work at all in IE, does anyone have any idea why?
<html>
<head>
<script src="http://www.rasclerhys.com/jquery.js"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
$("p").hide();
$("hiden").hide();
$("help").click(function(){
$("p").slideDown("slow");
$("help").hide();
$("hiden").show();
});
$("hiden").click(function(){
$("p").slideUp("slow");
$("help").show();
$("hiden").hide();
});
$("#ipadd").attr('value','3.3.3.3.3.3.3');
$("usernametext").hide();
$("passwordtext").hide();
$("emailtext").hide();
var usernameallow = "no";
var passwordallow = "no";
var emailaddallow = "no";
$("error").click(function(){
$("error").text("HELLO");
});
$("#usernamecheck").blur(function(){
var searchval = $("#usernamecheck").val();
$.post("/ajaxfile.php", {username : searchval},function(data){
if(data.length > 0){
var searchr = data;
if(searchr == "Username is Available"){
$("usernametext").show();
$("usernametext").text("Username is Available");
$("usernametext").css("color","green");
usernameallow = "allow";
allow_register();
}
else{
$("usernametext").show();
$("usernametext").text("Username is Unavailable");
$("usernametext").css("color","red");
usernameallow = "no";
allow_register();
}
}})
});
function password_check(){
if($("#passwordcheck").val()!=''){
if($("#conpasswordcheck").val()!=''){
if($("#passwordcheck").val()==$("#conpasswordcheck").val()){
$("passwordtext").show();
$("passwordtext").text("Passwords Match");
$("passwordtext").css("color","green");
passwordallow = "allow";
allow_register();
}else{
$("passwordtext").show();
$("passwordtext").text("Passwords Do Not Match");
$("passwordtext").css("color","red");
passwordallow = "no";
allow_register();
}}}}
function email_check(){
if($("#emailcheck").val()!=''){
if($("#emailcheck").val().match(/[@&]/)&&$("#emailcheck").val().match(/[.&]/)&&$("#emailcheck").val().length >= 6){
$("emailtext").show();
$("emailtext").text("Email is Correct");
$("emailtext").css("color","green");
emailaddallow = "allow";
allow_register();
}else{
$("emailtext").show();
$("emailtext").text("Email is Incorrect");
$("emailtext").css("color","red");
emailaddallow = "no";
allow_register();
}}}
function allow_register(){
if(usernameallow == "allow" && passwordallow == "allow" && emailaddallow == "allow"){
$("#submitbutton").removeAttr('disabled');
$("registertext").hide();
}else{
$("#submitbutton").attr('disabled','disabled');
$("registertext").show();
}}
$("#conpasswordcheck").blur(function(){
password_check();
});
$("#passwordcheck").blur(function(){
password_check();
});
$("#emailcheck").blur(function(){
email_check();
});
return false;
});
</script>
<h1><center>Register</center></h1>
<form name="register" action="register.php" method="post">
Username: <div id="registercentre"><input type="text" id="usernamecheck" maxlength="50" size="50" class="input1" /><usernametext>ERROR</usernametext></div><br/>
Password: <div id="registercentre"><input type="text" id="passwordcheck" maxlength="50" size="50" class="input1" /></div><br/>
Confirm Password: <div id="registercentre"><input type="text" id="conpasswordcheck" maxlength="50" size="50" class="input1" /><passwordtext>ERROR</passwordtext></div><br/>
Email Address: <div id="registercentre"><input type="text" id="emailcheck" maxlength="50" size="50" class="input1" /><emailtext>ERROR</emailtext></div><br/>
IP Address: <div id="registercentre"><input type="text" disabled="true" id="ipadd" maxlength="50" size="50" class="input1"/></div><br/><br/><br/>
<div id="registercentre"><center><input type="submit" value="Register" id="submitbutton" disabled="true" class="input1"/></center></div><br/>
<registertext><font color="red">Please fill in all fields correctly.</font></registertext></form>
<hiden>[Hide]</hiden>
<help>[?Help?]</help>
<p>Please fill in all the fields and then click Register. Please ensure that you select an appropriate username as you will not be able to change this in the future. Please also make sure that you remember your password, if you forget it you can get it emailed to you by clicking <a href="forgot.php">here</a>. A correct email address is required as you will have to validate your account with the link emailed to you. If there is an error please click <error>here.</error></p>
<?php include "footer.php"; ?>
</body>
</html>