码迷,mamicode.com
首页 > Web开发 > 详细

ajax修改密码

时间:2018-02-17 17:15:50      阅读:265      评论:0      收藏:0      [点我收藏+]

标签:alt   pad   bubuko   bsp   query   message   span   pos   orm   

修改密码是一个十分普通的事情,为什么还要单独写?

  1. ajax修改密码,和普通的提交form表单相比简单。
  2. 有密码校验规则,放在客户端,减轻了服务器压力。密码匹配输入不符合,提示好看。
  3. 做完后,在ajax页面能进行的填写数据操作可以提升一个台阶的水平。

使用的easyui插件进行密码修改制作

Easyuiwindow框、自带输入框校验等功能,不懂多查询api

1制作窗口,引入easyui-window制作一个窗口

引入class=”easyui-window”titlestyleheightpadding等制作窗口

技术分享图片

2窗口内容,用的还是easyui-layout,分区就中部和南部

技术分享图片

 

 

3输入的校验规则,使用easyui提供的

只提供了4种,如果没有我们需要的需要使用其他插件,或者我们自己写。

技术分享图片

用法:class、数据选项:必填和校验类型

技术分享图片

一个添加了校验,一个没有添加校验,注意class里面多个值是用空格隔开。添加了了校验起了作用。

 技术分享图片

技术分享图片

技术分享图片

修改了校验规则,长度在48之间,生效了

 技术分享图片

技术分享图片

点击确定,就提交了,没有需要进一步验证

确定和取消用的是easyui额样式

 技术分享图片

Jqueryid绑定了事件,我们到这里修改

 技术分享图片

点击确定的时候,要对所有的数据进行验证,使用一个form包起来,form要在easyui的里面才行。

form要加一个id,然后action没用上去掉

js需要修改:

技术分享图片

在验证规则通过后,检查两个密码框输入是否一致。直接比较就好了,注意:messager的使用。

 技术分享图片

后续在服务端的操作,另外写。

 

ajax修改密码

标签:alt   pad   bubuko   bsp   query   message   span   pos   orm   

原文地址:https://www.cnblogs.com/xyyz/p/8451995.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!