前几天,在校验一个表单数据用到ajax时,遇到 return false 无效问题,以下就是对这个问题进行了分析介绍,需要的朋友可以参考下


//检验邮箱/用户名是否存在于数据库

function checkMemberName(){
var account=$.trim($("#account").val());
var ctx=$("#ctx").val();
if(account==""){
$("#accountMessage").text("Please enter your Email, convenient for us to start the service for you");
$("#accountMessage").removeClass("success");
$("#accountMessage").addClass("error");
return false;
}
var flag=true;
$.ajax({
url:ctx+"/user/checkAccount",
type:"POST",
async:false,
cache:false,
data:"account="+account,
dataType:"json",
success:function(result){
if(result){
$("#accountMessage").text("The member name may not exist, please check it carefully, it's convenient, you retrieve password as soon as possible!");
$("#accountMessage").removeClass("success");
$("#accountMessage").addClass("error");
flag= false;
}else{
$("#accountMessage").text("This member name may affect your password back. Please check carefully!");
$("#accountMessage").removeClass("error");
$("#accountMessage").addClass("success");
flag= true;
}
}
});
return flag;
}
//验证码的检测
function checkCaptcha(){
var captcha=$.trim($("#captcha").val());
var ctx=$("#ctx").val();
if(captcha==""){
$("#codeMessage").html("Please enter verification code.");
$("#codeMessage").addClass("error");
return false;
}
var flag=true;
$.ajax({
url:ctx+"/user/checkCaptcha",
type:"POST",
async:false,
cache:false,
data:"captcha="+captcha,
dataType:"json",
success:function(result){
if(!result){
$("#codeMessage").text("The verification code is error.");
$("#codeMessage").addClass("error");
flag= false;
}else{
$("#codeMessage").text(" ");
$("#codeMessage").removeClass("error");
flag= true;
}
}
});
return flag;
}
//密码找回,页面跳转的验证
function checkFindPassword(){
var flag=true;
if(!checkMemberName()) flag=false;
alert(flag);
if(!checkCaptcha()) flag=false;
alert(flag);
if(flag){
$("#findPasswordForm").submit();
}
}
$(function(){
var ctx=$("#ctx").val();
$("#kaptchaImage").click(function(){
$(this).hide().attr('src',ctx+'/captcha/captcha.jpg?t='+new Date().getTime()).fadeIn();
});
$(".codeshowimg").click(function(){
$("#kaptchaImage").hide().attr('src',ctx+'/captcha/captcha.jpg?t='+new Date().getTime()).fadeIn();
});
});

更多相关文章

  1. Yii - 加载ajax表单元素的用户端验证
  2. 使用jQuery确认对话框防止上的表单回发
  3. 提交表单时需要运行php脚本
  4. 使用表单字段值定制CSS属性。
  5. 在回发之前在Jquery LinkBut​​ton中验证表单(使用Html验证)
  6. HTML表单学习1——表单基础
  7. 关于INPUT的autocomplete="off" 属性(浏览器表单默认的记忆功能)
  8. 9.1.4 前端 - HTML body标签 - 标题,段落,分割线,换行,特殊符号,列
  9. html5: 新特性(表单)

随机推荐

  1. Android 学习笔记
  2. android:windowSoftInputMode
  3. Android gson解析json数据工具类
  4. Android应用开发之UI组件(TextView;EditT
  5. Android 正则表达式验证手机和邮箱格式是
  6. Android 2.1 android.R.drawable Icon Re
  7. Android设置去掉 外部USB存储和默认存储
  8. android studio 错误: 找不到符号 符号:
  9. 【 Android '四大组件' 】篇 -- Activity
  10. 2.5.6 使用progressDialog创建进度对话框