文档章节

非跳转当页ajax验证表单提示

鱼鱼鱼鱼yu
 鱼鱼鱼鱼yu
发布于 2015/03/31 11:55
字数 276
阅读 30
收藏 3

效果图:

点击提交时触发事件验证表单数据

 

1.在提交时增加一个方法,在form增加 onsubmit="return submitPwdInfo();"提交时触发submitPwdInfo

2.在submitPwdInfo中增加验证逻辑

 

/* *
 * 会员找回密码时,对输入作处理
 * ajax的参数async:false, 设置为false,即同步请求,在这里可以简单理解为等到有返回值ajax才会继续执行下,
 * 先声明一个变量flag,然后根据执行结果赋予flag值,最后返回flag即可
 */
 function submitPwdInfo(){
	 var flag = true;
	 var myreg = /^([\.a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/;
	 
	 var email = $('#email').val();
	 var captcha = $('#captcha').val();
	 
	 $.ajax({
         type:'post',
         async: false,
         url:"{:U('User/resetPass')}",
         //cache:false,
         data:'email='+email+'&captcha='+captcha,
         success:function(data){
        	 if (email == ''){
                 $('#info').text(msg_email_blank);
                 flag = false;
             } else if (captcha == ''){
                 $('#captchaInfo').text(msg_captcha_blank);
                 flag = false;
             } else if (!myreg.test(email)) {
                 $('#info').text(msg_email_format);
                 flag = false;
             } else if(data.status !== 3){
            	 $('#info').text(data.info);
            	 flag = false;
             } else if (data.status == 3) {
            	alert(data.info);
            	 flag = true;
             }
         }
     });
	 return flag; 
}

3.验证完成

© 著作权归作者所有

共有 人打赏支持
鱼鱼鱼鱼yu
粉丝 10
博文 22
码字总数 9557
作品 0
深圳
简单易用的表单验证插件Validform - 一行代码搞定整站的表单验证!

官方网址:validform.rjboy.cn Validform:一行代码搞定整站的表单验证! 为什么能如此方便?插件的核心思想就是把所有的验证条件及验证提示信息绑定到每个表单元素,让验证代码在执行时只是...

haiercdboy
2012/03/22
0
0
angular04

ng四大特征: ①采用了MVC的设计模式 ②双向数据绑定(view和model) ③依赖注入 ④模块化设计 一、如何自定义模块并进行调用?? 自定义模块:angular.module() 模块之间如何相互之间的调用...

小祝融
2017/06/19
0
0
表单提交报错Request method 'POST' not supported

最近写一个spring的项目遇到一个报错,迟迟不能解决。我用jQuery提交表单进行登录的时候。一直提示Request method 'POST' not supported这个报错。但是我这个项目在前几天部署的时候。并没有...

怒摘一板
2017/03/31
744
4
spring mvc3.2.4 页面跳转没有显示

Spring MVC 3.2.4 action 跳转到 jsp 页面时,页面无法显示, 在 firebug 中能看到请求,但是页面就是没有跳转。而且还有一个奇怪的问题出现了。下面开始详细介绍: 先把基本代码交代一下:先...

要化茧的小虫
2013/10/09
3.4K
5
form表单提交的几种方法

在form标签中添加Action(提交的地址)和method(post),且有一个submit按钮 ()就可以进行数据的提交,每一个input标签都需要有一个name属性,才能进行提交 当点击登陆时,向数据库发生的数据是...

alokka的博客
2017/12/11
0
0

没有更多内容

加载失败,请刷新页面

加载更多

多线程

1. 多线程概念。并发和并行的概念。 多线程指的是一段时间内cpu同时执行多个线程。一个程序至少运行>=1个进程,进程就是运行中的程序,而一个进程至少运行>=1个线程,线程是操作系统能调度的...

鱼想吃肉
今天
0
0
HBase 表修复在线方式和离线方式

一、在线修复 1.1 使用检查命令 $ ./bin/hbase hbck 该命令可完整修复 HBase 元数据信息;存在有错误信息会进行输出; 也可以通过如下命令查看详细信息: $ ./bin/hbase hbck -details 1.2 ...

Ryan-瑞恩
今天
3
0
redis 系列二 -- 常用命令

1.基础命令 info ping quit save dbsize select flushdb flushall 2.键命令 2.1 set 直接赋值 set a a 2.2 get 取值 get a 2.3 exists 是否存在 exists a 2.4 expire 设置剩余时间 秒 expire......

imbiao
今天
2
0
php foreach

<?php// 数组的引用$a=array(1,2,3,4,5);foreach($a as $key=>&$value){$value=$value*2;}print_r($a);echo " $key -------------------$value\r\n";/** * ...

小张525
今天
3
0
12-利用思维导图梳理JavaSE-多线程

12-利用思维导图梳理JavaSE-多线程 主要内容 1.线程概念 2.线程开发 3.线程的状态 4.线程的同步和死锁 5.Java5.0并发库类 QQ/知识星球/个人WeChat/公众号二维码 本文为原创文章,如果对你有一...

飞鱼说编程
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部