您的位置:首页 > Web前端 > JQuery

jquery 新增用户实例

2014-02-28 10:49 351 查看
<%@ 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"> <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> > <s:text name="msg.portalMS.system.userManager" /> ><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'> <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">>><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> <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" onchange="changeRole();">

        </s:select> <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"> </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=">>" />

                        <input type="button" id="select2Right"    value=" > " />

                        <input type="button" id="select2Left" value=" < " />

                        <input type="button" name="selectAll2Left" id="selectAll2Left"    value="<<" />

                    </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" onclick="window.location='../admin/adminList.do';setTimeout(function(){load();},tipTime);" value="<s:text name="msg.portalMS.system.goBack"/>" />

</div>

</s:form>

</body>
</html>

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: