jquery 新增用户实例

最新推荐文章于 2020-06-08 21:16:44 发布
最新推荐文章于 2020-06-08 21:16:44 发布
阅读量986 收藏
点赞数
分类专栏： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chenkeqin_2012/article/details/20124319
版权
<%@ page language="java" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib uri="/WEB-INF/tlds/priveliege.tld"  prefix="priveliege" %>
<%@ taglib uri="/WEB-INF/tlds/pageShow.tld"  prefix="pageShow" %>

<%
    String path = request.getContextPath();
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title><s:text name="msg.portalMS.system.userManager"/>——<s:text name="msg.portalMS.user.edit"/></title>
    <link href="<%=path %>/style/css.css" rel="stylesheet" type="text/css" />
    <%@ include file="../common/commonJS.jsp" %>
    <script type="text/javascript"  src="<%=path %>/jsCBB/jquery.js"></script>
    <script type="text/javascript"  src="../jsCBB/dailog.js"></script>
    <script type="text/javascript" src="../jsCBB/jquery.validate.js"></script>
    <script type="text/javascript" src="../jsCBB/ex.jquery.validate.js"></script>
    <script type="text/javascript" src="<%=path %>/jsCBB/tableBehave.js"></script>
    <script type="text/javascript" src="<%=path %>/jsCBB/validateform.js"></script>
    <script type="text/javascript" src="<%=path %>/jsCBB/dialogShow.js"></script>
    <script type="text/javascript" src="<%=path %>/jsCBB/rulelib.js"></script>    
 
    <script type="text/javascript">
    jQuery(document).ready(function() {
        $("#loginName").focus();
        
        $("#re").click(function() {
            $("label").remove();
            selectLeft2Right( 'assignedRoleIds', 'allRolesInit', true );
        });
    
        $("#select2Right").click(function(){
            selectLeft2Right('allRolesInit', 'assignedRoleIds', false)
        });
        $("#select2Left").click(function() {
            selectLeft2Right( 'assignedRoleIds', 'allRolesInit', false );
        });
        $("#selectAll2Right").click( function() {
            selectLeft2Right( 'allRolesInit', 'assignedRoleIds', true );
        } );
        $("#selectAll2Left").click( function() {
            selectLeft2Right( 'assignedRoleIds', 'allRolesInit', true );
        } );

        /* 设置默认属�?*/   
        $.validator.setDefaults({   
          submitHandler: function(form) {
        
                var suburl = "adminInsert.do";
                var options = $("select[name='assignedRoleIds'] option");
                options.attr( "selected", "selected" );
                $("#submitBtn").attr("disabled","disabled");/* 提交的时候确认按钮不可用（置灰）*/   
                form.submit();
                /***if(options.length != 0){
                    form.submit();
                }else{
                   var CPConfirmDailog=jQuery.extend(Dailog,{
                       onOK:function(){                
                       }
                   });
                   CPConfirmDailog.openWindow('<s:text name="msg.portalMS.system.message.tip" />',300,135,'<s:text name="msg.portalMS.user.role.required" />',0,2,0);
                   return;
                }**/
            }   
        });

        $("#adminInsert").validate({
            rules: {
                "admin.loginName":{
                        required: true,
                        validateLoginName:true,
                        checkLoginName:true,
                        minlength:6,
                        maxlength:20                            
                    },
                "admin.username":{
                        required: true,
                        validateUserName:true,
                        maxlength:30
                },
                "admin.email": {
                       required: true,
                       regexMatch:/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/,
                       maxlength:32
                 },
                "admin.password":{
                    required: true,
                    regexMatch: RuleLib.loginName,
                    minlength:6,
                    maxlength:10
                },
                "admin.rePassword":{
                    required: true,
                    regexMatch: RuleLib.loginName,
                    equalTo: "#adminInsert_admin_password",
                    minlength:6,
                    maxlength:10
                },
                "admin.phone":{
                    maxlength:32,
                    checkPhone: true
                },
                "admin.city.cityId":{
                    required: true
                }
            },
            messages: {
                "admin.loginName":{
                        required: '<font color="red"> <s:text name="msg.portalMS.user.loginName.required" /></font>',
                        regexMatch: '<font color="red"> <s:text name="msg.portalMS.user.loginName.invalid" /></font>',
                        minlength: '<font color="red"> <s:text name="msg.portalMS.user.loginName.length.min" /></font>',
                        maxlength:'<font color="red">  <s:text name="msg.portalMS.user.loginName.length.max" /></font>'
                    },
                "admin.username":{
                        required: '<font color="red"><s:text name="msg.portalMS.user.userName.required" /></font>',
                        regexMatch: '<font color="red"> <s:text name="msg.portalMS.user.userName.invalid" /></font>',
                        maxlength: '<font color="red">&nbsp;<s:text name="msg.portalMS.user.userName.length" /></font>'
                    },
                "admin.email":{
                        required: '<font color="red"><s:text name="msg.portalMS.user.email.required" /></font>',
                        regexMatch: '<font color="red"> <s:text name="msg.portalMS.user.email.error" /></font>',
                        maxlength: '<font color="red"> <s:text name="msg.portalMS.user.email.length" /></font>'
                    },
                "admin.password":{
                        required: '<font color="red"><s:text name="msg.portalMS.user.password.required" /></font>',
                        minlength: '<font color="red"> <s:text name="msg.portalMS.user.password.length.min" /></font>',
                        maxlength: '<font color="red"> <s:text name="msg.portalMS.user.password.length.max" /></font>',
                        regexMatch: '<font color="red"><s:text name="msg.portalMS.user.password.invalid" /></font>'
                    },
                "admin.rePassword":{
                        required: '<font color="red"><s:text name="msg.portalMS.user.rePassword.required" /></font>',
                        regexMatch: '<font color="red"> <s:text name="msg.portalMS.user.password.invalid" /></font>',
                        equalTo: '<font color="red"> <s:text name="msg.portalMS.user.password.mismatch" /></font>',
                        minlength: '<font color="red"> <s:text name="msg.portalMS.user.password.length.min" /></font>',
                        maxlength: '<font color="red"> <s:text name="msg.portalMS.user.password.length.max" /></font>'
                    },
                "admin.phone":{
                    maxlength: '<font color="red"><s:text name="msg.portalMS.user.phone.length" /></font>',
                    checkPhone: '<font color="red"><s:text name="msg.portalMS.user.phone.error" /></font>'
                    },
                "admin.city.cityId":{
                    required: '<font color="red"><s:text name="msg.portalMS.user.city.selected" /></font>'
                    }
            },
            errorPlacement: function(error, element) {   
                  error.appendTo( element.parent() );   
                },  
                onkeyup: false  
        });    
    });
    
    $.validator.addMethod("checkLoginName",function(loginName){
        var result = true;
        $.ajax({
             cache:false,   
             async:false,           
             type:"POST",
                url: "<%=path%>/admin/checkLoginName.do",    
                data: "admin.loginName="+loginName,
             success: function(checkFlag){
               if(checkFlag=='false'){
                  result = false;
                }else{
                  result = true;
                }     
             }  
               });
               return result;  
    },'<font color="red"><s:text name="msg.portalMS.user.loginName.existed" /></font>');
    
    $.validator.addMethod("validateLoginName",function(loginName){
       var loginName=loginName.replace(new RegExp('　',"gm"),'');

       if((/^[0-9a-zA-Z_\s\u4e00-\u9fa5]*$/).test(loginName)==false){    
           return false;
       }else{       
          return true;
       }

    },'<font color="red"><s:text name="msg.portalMS.user.loginName.invalid" /></font>');
    
    $.validator.addMethod("validateUserName",function(userName){
       var userName=userName.replace(new RegExp('　',"gm"),'');

       if((/^[0-9a-zA-Z_\s\u4e00-\u9fa5]*$/).test(userName)==false){    
           return false;
       }else{       
          return true;
       }

    },'<font color="red"><s:text name="msg.portalMS.user.userName.invalid" /></font>');
    function selectBooks2Right() {
        var rightBooks = $("select[name='assignedRoleIds']");
        rightBooks.children().removeAttr("selected");
        var leftBooks = $("select[name='allRolesInit'] option:selected");
        leftBooks.remove();
        leftBooks.appendTo(rightBooks);
    }

    function selectBooks2Left() {
        var leftBooks = $("select[name='allRolesInit']");
        leftBooks.children().removeAttr("selected");
        var rightBooks = $("select[name='assignedRoleIds'] option:selected");
        rightBooks.remove();
        rightBooks.appendTo(leftBooks);
    }

    function selectLeft2Right( leftName, rightName, isAll ) {
        var rigth = $("select[name='"+rightName+"']");
        rigth.children().removeAttr("selected");
        var selector = null;
        if ( isAll ) {
            selector = "select[name='"+leftName+"'] option";
        } else {
            selector = "select[name='"+leftName+"'] option:selected";
        }
        
        var left = $( selector );
        left.remove();
        left.appendTo(rigth);
    }
    
    function addUser(){
        var suburl = "adminInsert.do";
        var options = $("select[name='assignedRoleIds'] option");
        options.attr( "selected", "selected" );
        if(options.length != 0){
            document.forms[0].action = suburl;
            document.forms[0].method = "post";
            document.forms[0].submit();
        }else{
            alert('<s:text name="msg.portalMS.user.role.num" />');
        }
    }

    function randomPassword(autoPassword){
        document.getElementById("adminInsert_admin_password").value = autoPassword;
        document.getElementById("adminInsert_admin_rePassword").value = autoPassword;
    }


  $.validator.addMethod("checkPhone",function(phoneStr){
        if(phoneStr.trim() == "")
           return true;
        var result = false;
        var regEx1 = new RegExp(RuleLib.Tel);
        var regEx2 = new RegExp(RuleLib.Mobile);
         
        if(regEx1.test(phoneStr) == true || regEx2.test(phoneStr) == true )
        {
           result = true;
        }
         
        return result;  
    },'<font color="red"><s:text name="msg.portalMS.user.phone.error" /></font>');        
 
  function changeRole(){
      var regionID = parseInt($("#cityID").val());
      var levelType = 'P';
      if(regionID!=100000){
          levelType = 'C';
      }
       if(isNaN(regionID)){
          levelType = '';
      }
      $.ajax({
         cache:false,   
         async:false,           
         type:"POST",
         dataType:'json',
            url: "<%=path%>/admin/adminInsert.do",    
            data: "action=getRole&levelType="+levelType,
         success: function(roles){
                $("#allRoles option").remove();
                $("#assignedRoleIds option").remove();
                roles = eval(roles);
                for(var i=0;i<roles.length;i++){
                    var role = roles[i];
                    var option = '<option value='+role.roleId+'>'+role.roleName+'</option>';
                    $("#allRoles").append(option);
                }
            }  
           });
  }
</script>
</head>

<body id="cntlist">
<s:form action="adminInsert" theme="simple" validate="false" namespace="/admin" >
<s:hidden name="admin.id"/>
<div id="top_blank"></div>
<div id="position">
<p><s:text name="msg.portalMS.rolemgr.current.position" /><a href="#"><s:text name="msg.portalMS.user.privilege.management" /></a> &gt; <s:text name="msg.portalMS.system.userManager" /> &gt;<s:text name="msg.portalMS.user.add" /></p>
  <div></div>
</div>
<div class="data_view">
  <h2 class="cnt_nav"><s:text name="msg.portalMS.user.add" /></h2>
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <th scope="col"><s:text name="msg.portalMS.user.loginName.colon" /></th>
      <td scope="col">
          <s:textfield name="admin.loginName"  id="loginName" cssStyle="width:150px"/> <span class="need_star">*</span><font color='gray'>&nbsp;<s:text name="msg.portalMS.system.user.invalid" /></font>
            <s:if test='%{action != "toInsert"}'>
                <s:fielderror fieldName="admin.loginName" cssStyle="color:red" theme="simple" />
            </s:if>
      </td>
    </tr>
    <tr>
      <th scope="col"><s:text name="msg.portalMS.user.userName.colon" /></th>
      <td scope="col"><s:textfield name="admin.username" cssStyle="width:150px"/> <span class="need_star">*</span> <font color='gray'><s:text name="msg.portalMS.system.user.invalid" /></font><s:if test='%{action != "toInsert"}'>
                <s:fielderror fieldName="admin.username" cssStyle="color:red"
                    theme="simple" />
            </s:if></td>
    </tr>
    <tr>
      <th scope="col"><s:text name="msg.portalMS.user.password.colon" /></th>
      <td scope="col"><s:password name="admin.password" id="adminInsert_admin_password" theme="simple"
                maxlength="10"  cssStyle="width:150px"/> <span class="need_star">*</span>
        <%
              String autoPassword = "888888";
            request.setAttribute("autoPassword",autoPassword);
          %>
          <a href="javascript:randomPassword(<s:property value="#request.autoPassword" />);">
            <span class="f_red12">&gt;&gt;<s:text name="msg.portalMS.user.auto.password"/></span>
        </a>
            <s:if test='%{action != "toInsert"}'>
                <s:fielderror fieldName="admin.password" cssStyle="color:red"
                    theme="simple" />
            </s:if></td>
    </tr>
     <tr>
      <th scope="col"><s:text name="msg.portalMS.user.rePassword.colon" /></th>
      <td scope="col"><s:password name="admin.rePassword" id="adminInsert_admin_rePassword" theme="simple"
                maxlength="10"  cssStyle="width:150px"/> <span class="need_star">*</span><s:if test='%{action != "toInsert"}'>
                <s:fielderror fieldName="admin.rePassword" cssStyle="color:red"
                    theme="simple" />
            </s:if></td>
    </tr>
        <tr>
      <th scope="col"><s:text name="msg.portalMS.user.email.colon" /></th>
      <td scope="col"><s:textfield name="admin.email" cssStyle="width:150px"/><s:if test='%{action != "toInsert"}'>
                <s:fielderror fieldName="admin.email" cssStyle="color:red"
                    theme="simple" />
            </s:if>&nbsp;<span class="need_star">*</span></td>
    </tr>
    <tr>
      <th scope="col"><s:text name="msg.portalMS.user.phone.colon" /></th>
      <td scope="col"><s:textfield name="admin.phone" theme="simple"
                maxlength="32"  cssStyle="width:150px"/><s:if test='%{action != "toInsert"}'>
                <s:fielderror fieldName="admin.phone"  cssStyle="color:red"
                    theme="simple" />
            </s:if></td>
    </tr>
    <pageShow:pageShow tag="common.cityCode">
    <tr>
      <th scope="col"><s:text name="msg.portalMS.user.location.colon" /></th>
      <td scope="col">
        <s:select name="admin.city.cityId" id="cityID" list="allCityIDs"
        listKey="cityId" listValue="cityName" headerKey=""
        headerValue='%{getText("msg.portalMS.system.select.default")}' multiple="false" required="true" cssStyle="width:155px" οnchange="changeRole();">
        </s:select>&nbsp;<span class="need_star">*</span>
      </td>
    </tr>
    </pageShow:pageShow>
    <tr>
      <th scope="col"><s:text name="msg.portalMS.user.role.select.colon" /></th>
      <td scope="col">
          <table width="363" border="0" cellspacing="0" cellpadding="0"
                class="accredit">
                <tr>
                    <td width="150"><s:text name="msg.portalMS.user.role.system" /></td>
                    <td width="40">&nbsp;</td>
                    <td width="150"><s:text name="msg.portalMS.user.role.own" /></td>
                </tr>
                <tr>
                    <td><s:select id="allRoles" list="allRoles" multiple="true" listKey="roleId"
                        listValue="roleName" name="allRolesInit"
                        cssStyle="height:300px; width:140px;">
                    </s:select></td>
                    <td width="31" align="center" bgcolor="#FFFFFF">
                        <input type="button" name="selectAll2Right" id="selectAll2Right" value="&gt;&gt;" />
                        <input type="button" id="select2Right"    value=" &gt; " />
                        <input type="button" id="select2Left" value=" &lt; " />
                        <input type="button" name="selectAll2Left" id="selectAll2Left"    value="&lt;&lt;" />
                    </td>
                    <td><s:select id="assignedRoleIds" list="assignedRoles" multiple="true"    listKey="roleId"
                        listValue="roleName" name="assignedRoleIds" cssStyle="height:300px; width:140px;">
                    </s:select></td>

                </tr>
            </table>
      </td>
    </tr>
  </table>
</div>
<div class="data_do">
 <priveliege:priveliege funCode="adminInsert">
  <input id="submitBtn" type="submit" value='<s:text name="msg.portalMS.system.save" />'" />
 </priveliege:priveliege>
  <input id="re" type="reset" value='<s:text name="msg.portalMS.system.reset"/>' />
  <input type="button" οnclick="window.location='../admin/adminList.do';setTimeout(function(){load();},tipTime);" value="<s:text name="msg.portalMS.system.goBack"/>" />
</div>
</s:form>

</body>

</html>



绿源2008
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery.jSelectDate.js 下拉列表式日期选择插件实例.rar
07-10
jquery.jSelectDate.js 下拉列表式日期选择器插件实例，裸体版基本没有美化，其实这样更方便使用者自己美化，有些人可能会比较喜欢这种select列表式的日期选择功能，和个人习惯有关。功能介绍：1.支持闰年、大小月和...
使用jquery实现用户信息的增删改查
小苒的博客
07-15 5094
目的： 此案例使用jquery实现对用户信息的增删改查操作，主要用来熟悉一下jquery对象的方法。 步骤： 首先，创建一个静态的用户表单，用来显示提交的数据，如下图所示： 可以看出我添加了六个属性，分别为Merchart Name、Merchart Code、Total Number、Start Time、end Time、以及state，此外具有增加信息，搜索，全选，批量删除以及删除和编辑操...
用户添加
LSJ44的博客
09-21 428
html> html> head> meta charset="utf-8" /> title>title> script src="jquery-2.1.0.js" type="text/javascript">script> script src="angular.js" type="text/javascript">script>
ajax,servlet实现无刷新验证用户名是否存在
lelong2002huyao的专栏
08-26 955
1.jsp页面中 2.js页面 //注意把req设置为全局变量,否则onchange事件不执行 var req = null; function checkLoginName(obj) { alert("事件执行"); var n = obj.value; var vn = null; if (window.XMLHttpRequest) { req = new
用户添加，删除
BoBrother的博客
10-22 330
$(function(){ //给按钮添加点击事件 $("#btn").click(function(){ //用户输入的信息 var name = $("input:eq(0)").val(); var email = $("input:eq(1)").val(); var tel = $("input:eq(2)").val(); var flag1 = flag2 = fl
jquery彩色投票进度条简单实例演示
11-24
html5新增及删除标签一文中提到过html5新增了progress标签。但是肯定有兼容性问题。生成环境不适用，所以要模拟实现。 原理：动态设置的子元素的宽度值。 1、简单的雏形 假设只有一个进度条，如下，我们只需要知道p...
jQuery实现HTML5 placeholder效果实例
01-19
今天分享一段jQuery代码，模拟 placeholder 效果。 Javascript代码： 代码如下: function placeHolder(event){  var self = $(this), selfDataValue = self.attr(“data-value”), selfValue = self.val();  if...
Jquery on绑定的事件 触发多次实例代码
10-20
下面小编就为大家带来一篇Jquery on绑定的事件 触发多次实例代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
jQuery让网页上的按钮变漂亮.rar
07-10
jQuery让网页上的按钮变漂亮，jQuery按钮美化效果示例，给button添加一个样式，前端再添加一个圆形的图标，带动画效果，当鼠标悬停于按钮时，前边的圆形图标会上下跳动，网页瞬时动了起来，这只是一个使用jquery参与...
jQuery实现添加用户
03-28
一些很简单的jQuery就实现了一个表格的添加用户
JSP自定义标签的开发及使用
04-09
NULL 博文链接：https://aniyo.iteye.com/blog/1618516
JSP标准标签库实例追踪介绍
07-10
一篇十分有用的JSP标准标签库的介绍，与实例相结合的讲解方法非常容易学，适合初学或者不太精通的WEB开发者学习，希望您喜欢。
#JavaScript JQuery 实现新用户注册
koujiaodahanyuan的博客
06-08 4127
阶段1：练习——完成新用户注册页面 • 需求说明 • 验证用户输入内容的有效性 • 文本框获得焦点时，提示文本框中应该输入的内容 • 文本框失去焦点时，验证文本框中的内容，并提示错误信息 用户注册 //验证密码 $("[name=password]").blur(function () { $("#pwdDiv").removeClass(“green”); $("#pwdDiv").removeClass(“red”); var pwd = KaTeX pars
Jquery插件实现用户注册
切躁切勇,伏枥藏锋
01-11 240
这两天在学习jQuery这个轻量级的js框架.今天看到一个网友(做PHP)自己写的一个插件觉得很实用,在这里我就把它拿来用在Java web上调研调研,在做网站是用户注册那块很实用很性感.这里就把它放到blog上,供大家下载使用 这里就先来上效果 [img]http://dl.iteye.com/upload/attachment/389017/b08ed815-81a8-38da-8f3e-...
jquery增、删实例——用户信息注册界面
weixin_45846805的博客
05-17 853
我们看看该用户信息注册界面的结构与需要实现的功能 页面要求 1.页面的布局 2.用户与email邮箱的判断 3.添加功能 3.1数据的获取 3.1数据的动态加入 4.删除功能 业务逻辑 1. 页面的布局不需要过多说明 HTML + css可以实现 2. 添加功能实现之前我们需要给用户名与email做正则判断与非空判断 所以在添加按钮之后先写个一函数开关msg()来做判断 3. 当用户输入的用户名与邮箱格式正确后再执行数据的获取与添加以及删除，该部分用一个函数来完成(push()) 简单的逻辑就是 ： 用户
JavaScript添加用户小练习
C.
11-10 559
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>添
jQuery（4）--实现用户的添加,删除，编辑功能
iteye_8029的博客
03-19 353
页面如下： 源码如下： user.js $(document).ready(function() { // 添加的操作 $("#addUser").bind("click", function() { addUsers(); // 添加用户的方法 }); // 下面是删除的操作 $("#delBtn").bind("click", fun...
jquery ajax请求实例
最新发布
04-29
下面就是一个jQuery ajax请求的实例： ```html <!DOCTYPE html> <title>jQuery Ajax Request <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> <!--需要引入jQuery库--> $...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值