文档章节

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

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

效果图:

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

 

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

表单提交报错Request method 'POST' not supported

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

怒摘一板 ⋅ 2017/03/31 ⋅ 4

【转】表单提交及关闭当前页面并刷新数据

在DWZ文档中,对于DWZ框架Ajax无刷新表单提交处理流程描述如下: 1. ajax表单提交给服务器 2. 服务器返回一个固定格式json结构 3. js会调函数根据这个json数据做相应的处理 注意: DWZ框架默...

感觉太煽情 ⋅ 2014/11/19 ⋅ 0

form表单提交的几种方法

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

alokka的博客 ⋅ 2017/12/11 ⋅ 0

python爬虫(五)_urllib2的Get请求和Post请求

本篇将介绍urllib2的Get和Post方法,更多内容请参考:python学习指南 urllib2默认只支持HTTP/HTTPS的GET和POST方法 urllib.urlencode() urllib和urllib2都是接受URL请求的相关参数,但是提供了...

小七奇奇 ⋅ 2017/11/15 ⋅ 0

angular04

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

小祝融 ⋅ 2017/06/19 ⋅ 0

WAP2.0网页设计中的交互细节

适配竖屏横向尺度,禁止出现横向滚屏 常规QVGA机型竖屏状态下,14号字体,单行仅显示13.5个字。资讯频道的新闻短标题要控制在13字以内才能在一行以内完整显示。标题折行会造成在相同空间承载...

红薯 ⋅ 2010/08/10 ⋅ 2

自制MVC框架CRUD操作、列表、分页显示插件介绍

  这里涉及到的操作都是引用自Stephen.DALService数据层。数据访问层实现方式在后文中我会仔细的说明,先说明一下数据操作集成的插件。 1).InsertAttribute 用于插入记录。 状态返回值:假定...

技术小美 ⋅ 2017/11/12 ⋅ 0

spring mvc3.2.4 页面跳转没有显示

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

要化茧的小虫 ⋅ 2013/10/09 ⋅ 5

Jquery表单验证插件–Validform:一行代码搞定整站的

你没看错,就一行代码搞定整站的表单验证! 为什么能如此方便?插件的核心思想就是把所有的验证条件及验证提示信息绑定到每个表单元素,让验证代码在执行时只是核对表单下各元素的值是否跟绑...

青石 ⋅ 2011/09/07 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

中标麒麟(龙芯版)7.0优盘安装

########################################## 制作U盘安装盘: 1.准备U盘: PMON环境下U盘必须格式化成ext3; 昆仑固件环境下可以格式化成ext3,ext4 2.把整个镜像 xxx.iso 复制到U盘下面 3....

gugudu ⋅ 17分钟前 ⋅ 0

老司机写的大数据建模五步走

本文将尝试来梳理一下数据建模的步骤,以及每一步需要做的工作。 01 第一步:选择模型或自定义模式 这是建模的第一步,我们需要基于业务问题,来决定可以选择哪些可用的模型。 比如,如果要预...

gulf ⋅ 26分钟前 ⋅ 0

PacificA 一致性协议解读

PacificA 的 paper 在 08 年左右发出来的,比 Raft 早了 6,7 年。 在 PacificA 论文中,他们强调该算法使用范围是 LAN (Local Area Network),讲白了就是对跨机房不友好。 不管是 ZAB,Raf...

黑客画家 ⋅ 28分钟前 ⋅ 0

盘符图标个性化

设置自己的专属盘符图标 准备ico格式的图片文件一个,在根目录下创建autorun.inf文件 文件内容 [Autorun]icon=logo.ico 重新启动或者插拔U盘即可看到结果...

阿豪boy ⋅ 29分钟前 ⋅ 0

Windows下QQ聊天记录中图片的默认存放位置

Windows下QQ聊天记录中图片的默认存放位置在设置中是没有说明的。 实测位置在:D:\Documents\Tencent Files\974101467\Image 其中: “974101467”为对应的QQ号; “C2C”为个人之间的聊天图...

临江仙卜算子 ⋅ 35分钟前 ⋅ 0

GC 的三种基本实现方式

参考资料《代码的未来》(作者: [日] 松本行弘)。 由于并非本人原著(我只是个“搬运工“),SO 未经本人允许请尽情转载。 另外个人像说明一下这里所说的GC指泛指垃圾回收机制,而单指Jav...

xixingzhe ⋅ 36分钟前 ⋅ 0

Android双击退出

/** * 菜单、返回键响应 */ @Override public boolean onKeyDown(int keyCode, KeyEvent event) { // TODO Auto-generated method stub if(keyCode......

王先森oO ⋅ 40分钟前 ⋅ 0

idea 整合 vue 启动

刚学习Vue 搭建了一个项目 只能命令启动 Idea里面不会启动 尝试了一下修改启动的配置 如下: 1.首先你要保证你的package.json没有修改过 具体原因没有看 因为我改了这个name的值 就没办法启动...

事儿爹 ⋅ 46分钟前 ⋅ 0

redis在windows环境的后台运行方法

在后台运行,首先需要安装redis服务,命令为 redis-server.exe --service-install redis.windows.conf --loglevel verbose 启动,命令为 redis-server --service-start 停止,命令为 redis-...

程序羊 ⋅ 49分钟前 ⋅ 0

比特币现金开发者提出新的交易订单规则

本周,四位比特币现金的四位开发者和研究员:Joannes Vermorel(Lokad),AmaurySéchet(比特币ABC),Shammah Chancellor(比特币ABC)和Tomas van der Wansem(Bitcrust)共同发表了一篇关...

lpy411 ⋅ 53分钟前 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部