Php Jquery:验证表单在Firefox中不起作用
我正在构建自己的业务站点，我希望在不刷新页面的情况下进行表单验证。我正在跟随，以帮助实现这一目标。然而，它在Chrome中工作得很好，但在Firefox中却不起作用。有人能看出我做错了什么吗？谢谢大家! 以下是验证表单的javascript：Php Jquery:验证表单在Firefox中不起作用,php,jquery,validation,Php,Jquery,Validation,我正在构建自己的业务站点，我希望在不刷新页面的情况下进行表单验证。我正在跟随，以帮助实现这一目标。然而，它在Chrome中工作得很好，但在Firefox中却不起作用。有人能看出我做错了什么吗？谢谢大家! 以下是验证表单的javascript： <script type="text/javascript" > $(document).ready(function() { $('#fname').keyup(function() {
<script type="text/javascript" >
$(document).ready(function() {
$('#fname').keyup(function() {
$.post('action/validate_signup.php?key=fname', { fname: form.fname.value },
function(result){
$('#fname-error').html(result).show("slow");
});
});
$('#lname').keyup(function() {
$.post('action/validate_signup.php?key=lname', { lname: form.lname.value },
function(result){
$('#lname-error').html(result).show("slow");
});
});
$('#zipcode').keyup(function() {
$.post('action/validate_signup.php?key=zipcode', { zipcode: form.zipcode.value },
function(result){
$('#zipcode-error').html(result).show("slow");
});
});
$('#city').keyup(function() {
$.post('action/validate_signup.php?key=city', { city: form.city.value },
function(result){
$('#city-error').html(result).show("slow");
});
});
$('#email').keyup(function() {
$.post('action/validate_signup.php?key=email', { email: form.email.value },
function(result){
$('#email-error').html(result).show("slow");
});
});
$('#username').keyup(function() {
$.post('action/validate_signup.php?key=username', { username: form.username.value },
function(result){
$('#username-error').html(result).show("slow");
});
});
$('#password').keyup(function() {
$.post('action/validate_signup.php?key=pass', { pass: form.password.value },
function(result){
$('#password-error').html(result).show("slow");
});
});
$('#password2').keyup(function() {
var pass1 = $('#password').val();
var pass2 = $('#password2').val();
if( pass2.length < 5 ){
$('#password2-error').html("Too short!").show("slow");
}
else if(pass2 != pass1){
$('#password2-error').html("Didn't match!").show("slow");
}else{
$('#password2-error').html("<img src='images/check.jpg' />").show("slow");
}
});
});
</script>
$（文档）.ready（函数（）{
$（'#fname'）.keyup（函数（）{
$.post（'action/validate_signup.php？key=fname'，{fname:form.fname.value}，
功能（结果）{
$（'fname error'）.html（result.show（“slow”）；
});
});
$（'#lname'）.keyup（函数（）{
$.post（'action/validate_signup.php？key=lname'，{lname:form.lname.value}，
功能（结果）{
$（'#lname error'）.html（result.show（“slow”）；
});
});
$（'#zipcode'）.keyup（函数（）{
$.post（'action/validate_signup.php？key=zipcode'，{zipcode:form.zipcode.value}，
功能（结果）{
$（'#zipcodeerror'）.html（result.show（“slow”）；
});
});
$（'#city'）.keyup（函数（）{
$.post（'action/validate_signup.php？key=city'，{city:form.city.value}，
功能（结果）{
$（'#city error'）.html（result.show（“slow”）；
});
});
$（'#email'）.keyup（函数（）{
$.post（'action/validate_signup.php？key=email'，{email:form.email.value}，
功能（结果）{
$（'#email error'）.html（result.show（“slow”）；
});
});
$（'#username'）.keyup（函数（）{
$.post（'action/validate_signup.php？key=username'，{username:form.username.value}，
功能（结果）{
$（'#username error'）.html（result.show（“slow”）；
});
});
$（'#password'）.keyup（函数（）{
$.post（'action/validate_signup.php？key=pass'，{pass:form.password.value}，
功能（结果）{
$（'#密码错误'）.html（结果）.show（“慢”）；
});
});
$（'#password2'）.keyup（函数（）{
var pass1=$（'#password'）.val（）；
var pass2=$（'#password2'）.val（）；
if（pass2.length<5）{
$（'#password2 error'）.html（“太短！”）.show（“慢”）；
}
else if（pass2！=pass1）{
$（“#password2 error”）.html（“不匹配！”）.show（“慢”）；
}否则{
$（'#password2 error'）.html（“”.show（“slow”）；
}
});
});
<div class="signup-page">
<form id="ContactForm" action="#" name="form">
<h2><img src="images/mail.jpg" alt="Sign up to SittersCaregivers.com" width="23" height="24" >Contact Information</h2>
<div class="hr"></div>
<div class="wrapper">
<div class="error-div" id="fname-error" ></div>
<label>First name:</label>
<input type="text" class="input" name="fname" id="fname" />
</div>
<div class="wrapper">
<div class="error-div" id="lname-error" ></div>
<label>Last name:</label>
<input type="text" class="input" name="lname" id="lname" />
</div>
<div class="wrapper">
<div class="error-div" id="zipcode-error" ></div>
<label>Zip code:</label>
<input type="text" class="input" name="zipcode" id="zipcode" />
</div>
<div class="wrapper">
<div class="error-div" id="city-error" ></div>
<label>City:</label>
<input type="text" class="input" name="city" id="city" >
</div>
<div class="wrapper">
<div class="error-div" id="email-error" ></div>
<label>Email Address:</label>
<input type="text" class="input" name="email" id="email">
</div>
<div class="wrapper">
<div class="error-div" id="username-error" ></div>
<label>Username:</label>
<input type="text" class="input" name="username" id="username" />
</div>
<div class="wrapper">
<div class="error-div" id="password-error" ></div>
<label>Create Password:</label>
<input type="text" class="input" name="password" id="password">
</div>
<div class="wrapper">
<div class="error-div" id="password2-error" ></div>
<label>Confirm Password:</label>
<input type="password" class="input" name="password2" id="password2">
</div>
<div class="hr"></div>
<p>By clicking Continue, you agree to our Terms of Use and Privacy Policy.
You'll also receive account updates and special offers from Sittercity.com
which you can opt-out of at any time. </p>
<div class="wrapper">
<input type="submit" class="submit" value="Continue" name="Submit"id="submit"/>
</div>
</div>
</form>
联系方式
名字：
姓氏：
邮政编码：
城市：
电邮地址：
用户名：
创建密码：
确认密码：
单击“继续”，表示您同意我们的使用条款和隐私政策。
您还将从Sittercity.com收到帐户更新和特别优惠
您可以随时选择退出
<?php
if(isset($_GET['key'])){
$key = $_GET['key'];
switch($key){
case 'fname':
if(isset($_POST['fname'])){
$fname = $_POST['fname'];
if(empty($fname)){
echo " *First Name Required";
}elseif(strlen($fname)<3){
echo "*Name too short!";
}else{
echo "<img src='images/check.jpg' />";
}
}
break;
case 'lname':
if(isset($_POST['lname'])){
$lname = $_POST['lname'];
if(empty($lname)){
echo " *Last Name Required";
}elseif(strlen($lname)<3){
echo "*Last name too short!";
}else{
echo "<img src='images/check.jpg' />";
}
}
break;
case 'zipcode':
if(isset($_POST['zipcode'])){
$zip = $_POST['zipcode'];
if(empty($zip)){
echo "*Zipcode required!";
}elseif( (strlen($zip)<5) OR (strlen($zip)>5)){
echo "*Must be 5 digits!";
}elseif(!is_numeric($zip)){
echo "Must be numeric!";
}else{
echo "<img src='images/check.jpg' />";
}
}
break;
case 'city':
if(isset($_POST['city'])){
$city = $_POST['city'];
if(empty($city)){
echo "*City Required";
}elseif(strlen($city)<5){
echo "*Too short!";
}else{
echo "<img src='images/check.jpg' />";
}
}
break;
case 'email':
if(isset($_POST['email'])){
$email = $_POST['email'];
if(empty($email)){
echo "*Email Required";
}elseif(strlen($email)<5){
echo "*Too short!";
}else{
echo "<img src='images/check.jpg' />";
}
}
break;
case 'username':
if(isset($_POST['username'])){
$username = $_POST['username'];
if(empty($username)){
echo "*Username Required";
}elseif(strlen($username)<5){
echo "*Too short!";
}else{
echo "<img src='images/check.jpg' />";
}
}
break;
case 'pass':
if(isset($_POST['pass'])){
$pass = $_POST['pass'];
if(empty($pass)){
echo "*Password Required";
}elseif(strlen($pass)<5){
echo "*Too short!";
}else{
echo "<img src='images/check.jpg' />";
}
}
break;
Default: return false;break;
}
}else{
//do nothing
return false;
}
?>
var typingTimer;
var doneTypeingInterval = 1000; //time in milliseconds for timeout
$(function () {
$("input").bind('keyup mouseup change', function () {
clearTimeout(typingTimer);
if ($(this).val) {
typingTimer = setTimeout(function(){checkingFunction($(this))}, doneTypingInterval);
}
});
});
function checkingFunction($object){
//do checking with your object here
var id = $object.attr('id');
$.post('action/validate_signup.php?key=' + id, { value: $object.val() },
function(result){
$('#' + id + 'error').html(result).show("slow");
});
}