asp.net mvc4 修改密码界面

1、效果

说明：1、界面不太美观这里面主要是包括利用jQuery 插件validate验证form字段，jQuery提交form表单的方式

1、HTML代码

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title></title>

    <link href="Easyui/themes/default/easyui.css" rel="stylesheet" />

    <link href="Easyui/themes/icon.css" rel="stylesheet" />

    <script src="Easyui/jquery-1.7.2.min.js" type="text/javascript"></script>

    <script src="Easyui/jquery.easyui.min.js"></script>

    <script src="Easyui/locale/easyui-lang-zh_CN.js"></script>

    <script src="JS/jquery.validate.min.js"></script>

    <script src="JS/jquery.form.js"></script>

    <style type="text/css">

        .div1

        {

            width:350px;

            height:160px;

        }

        td

        {

            text-align:right;

        }

        .input1

        {

            width:180px;

        }

    </style>

</head>

<body>

    <form id="form1" runat="server">

               <input type="hidden" name="userId" value=""/>

    <div class="div1">

        <table>

             <tr><td>用户名：</td><td><input class="input1" type="text" id="userName" name="userName" value="" /></td></tr>

              <tr><td>旧密码：</td><td><input class="input1" type="password" id="pwd" name="pwd" value="" /></td></tr>

              <tr><td>新密码：</td><td><input class="input1" type="password" id="NewPwd" name="NewPwd" value="" /></td></tr>

              <tr><td>确认新密码：</td><td><input class="input1" type="password" id="confirmPwd" name="confirmPwd" value="" /></td></tr>

              <tr><td id="btnCaoZuo" style="padding-right:20px;width:160px;" colspan="2">

                  <input type="button" style="width:80px;margin-right:15px;" onclick="test()" value ="保存" />

                  <input type="button" style="width:80px;" value="取消" /></td></tr>

        </table>

    </div>

    </form>

</body>

</html>

    <script type="text/javascript">

        function check_form() {

            return $("#form1").validate({

                rules: {

                    userName: {

                        required: true,

                        minlength: 2

                    },

                    NewPwd: {

                        required: true,

                        minlength: 6,

                        maxlength: 20,

                    },

                    confirmPwd: {

                        required: true,

                        minlength: 6,

                        maxlength: 20,

                        equalTo: "#NewPwd"

                    }

                },

                messages: {

                    userName: {

                        required: "请输入用户名",

                        minlength: "用户名必需由两个字母组成"

                    },

                    NewPwd: {

                        required: "请输入密码",

                        minlength: "密码长度不能小于 6 个字母",

                        maxlength: "密码长度不能多于 20 个字母",

                    },

                    confirmPwd: {

                        required: "请输入密码",

                        minlength: "密码长度不能小于 6 个字母",

                        maxlength: "密码长度不能多于 20 个字母",

                        equalTo: "两次密码输入不一致"

                    }

                }

            });

        }

        function test()

        {

            if (check_form().form()) {

                var f = $('#form1');

                f.form('submit', {

                    url: 'Home/ChangePWD',

                    type: 'post',

                    success: function (data) {

                        var json = $.parseJSON(data);

                        if (json.id == 1) {

                        }

                    },

                    error: function (data) {

                    }

                });

                return true;

            } else {

                return false;

            }

        }

    </script>

2、Home控制器代码

        public ActionResult ChangePWD()

        {

            ResultModel re = new ResultModel();

            string userName = Request["userName"].ToString();

            re.id = ;

            re.stName = "修改成功！";

            return Json(re, JsonRequestBehavior.AllowGet);

        }

3、引用的Easyui 及js源文件下载地址

链接：https://pan.baidu.com/s/1UDrd5KKB4kN3tN_0CotA4A 密码：tctv

asp.net mvc4 修改密码界面的更多相关文章

Dynamics CRM修改密码界面
我们再实施Dynamics CRM的过程中经常会被客户吐槽没有一个修改密码的页面.市面上也有一些人通过自己操作AD库进行修改密码的解决方案不过多多少少会有一些BUG存在.其实ADFS提供了一个修改密码 ...
asp.net membership 修改密码
aspnet_Applications 存储数据库所涉及应用程序有关信息. aspnet_Membership 存储与用户相关信息例如:用户登陆密码,创建时间. aspnet_Paths 存储应用程序 ...
winform设计一个登录界面和修改密码的界面-自动切换窗体（问题[已解] 望一起讨论）(技术改变世界-cnblog)
http://www.cnblogs.com/IAmBetter/archive/2012/01/14/2322156.html winform设计一个登录界面和修改密码的界面-自动切换窗体(问题[已 ...
C#_会员管理系统：开发三（修改密码）
为以后多个功能界面考虑,新增一个主界面: 主界面如下: 主界面(VIPMain.cs)详细代码如下: using System; using System.Collections.Generic; u ...
31、Flask实战第31天：cms后台修改密码
cms后台修改密码界面布局先创建cms_resetpwd.html页面,继承cms_base.html {% extends 'cms/cms_base.html' %} {% block titl ...
vue-element添加修改密码弹窗
1.新建修改密码vue文件CgPwd.vue 代码如下: <template>  <el-dialog :title="$t('c ...
在ASP.NET MVC4中实现同页面增删改查,无弹出框02,增删改查界面设计
在上一篇"在ASP.NET MVC4中实现同页面增删改查,无弹出框01,Repository的搭建"中,已经搭建好了Repository层,本篇就剩下增删改查的界面了......今 ...
asp.net mvc4 登录界面
说明:开发环境 asp.net mvc4 c#语言 1.项目目录结构 2.Login控制器中 public ActionResult Index() { return View(); } 对应Inde ...
ASP.NET MVC5 网站开发实践(二) Member区域 - 用户部分（3）修改资料、修改密码
在上一篇博客中实现了用户的注销和登录,其实代码里落了点东西,就是用户登录要更新最后一次登录时间和登录IP,这次补上.今天做修改资料和修改密码,TryUpdateModel是新用到的东西. 目录: AS ...

随机推荐

window10下用ZIP压缩包安装 mysql 8.0.11
1.下载地址 https://dev.mysql.com/downloads/mysql/ 2.解压后的文件目录如图,复制到指定的文件目录,如我的 E:\root\mysql-8.0.11-winx6 ...
关于vsftp所遇问题
问题:使用ftp工具上传文件时提示 553 Could not create file.错误: 严重文件传输错误解决方法:除了检查ftp服务外,需要使用 getsebool -a|grep ftp, ...
Hash Collision DoS 问题
Hash Collision DoS 问题http://coolshell.cn/articles/6424.html Hash Collision DoS (Hash碰撞的拒绝式服务攻击),有恶意的 ...
[Web Tools] 实用的Web开发工具
模拟http请求:Postman https://www.getpostman.com 生成Json数据 http://www.json-generator.com/
天梯赛 - L2-002 链表去重
GG思密达,第二个测试点的三分怎么也拿不上,我还是比较熟悉指针,用指针来写~,写完去上概率论题目链接:https://www.patest.cn/contests/gplt/L2-002 #incl ...
codevs——1814 最长链
1814 最长链时间限制: 1 s 空间限制: 256000 KB 题目等级 : 钻石 Diamond 题解题目描述 Description 现给出一棵N个结点二叉树,问这棵二叉 ...
Careercup | Chapter 2
链表的题里面,快慢指针.双指针用得很多. 2.1 Write code to remove duplicates from an unsorted linked list.FOLLOW UPHow w ...
char *argv[] 与 char **argv
#include<stdio.h> #include<string.h> int main(int argc,char *argv[])//同int main(int argc ...
IntelliJ IDEA导入包的顺序调整和按包类型分类（保持和Eclipse一致）
调整的内容如下: 空行 import java.* 空行 import javax.* 空行 import com.* 空行 import all other imports 空行 import st ...
iOS开发解决使用AVAudioRecorder录制后转mp3解决音量小的问题
使用AVAudioRecorder录音后使用avplayer播放声音小,录音完后转成mp3格式的音频声音也小!!! 老板要求最基本的是不用把手机放到耳边听! 在StackOverFlow上查了一下,加 ...

asp.net mvc4 修改密码界面

asp.net mvc4 修改密码界面的更多相关文章

随机推荐

热门专题