<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ page import="org.springside.modules.security.springsecurity.SpringSecurityUtils"%> <%@ include file="/common/taglibs.jsp"%> <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%> <%@ include file="/common/js-date.jsp"%> <!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>配置信息 </title> <%@ include file="/common/meta.jsp"%> <link rel="stylesheet" type="text/css" href="${ctx}/css/member.css" /> <script src="${ctx}/js/jquery.js" type="text/javascript"></script> <script src="${ctx}/js/table.js" type="text/javascript"></script> <script src="${ctx}/js/jquery-1.4.4.min.js" type="text/javascript"></script> <link type="text/css" rel="stylesheet" href="${ctx}/css/validator.css"></link> <script src="${ctx}/js/formValidator-4.0.1.js" type="text/javascript" charset="UTF-8"></script> <script src="${ctx}/js/formValidatorRegex.js" type="text/javascript" charset="UTF-8"></script>
<script type="text/javascript"> $(document).ready(function() { $("#i_leasecompany_id").focus(); $.formValidator.initConfig( { formID : "inputForm", onError : function() { } }); $("#i_leasecompany_id").formValidator( { onShow : "请选择租赁公司", onFocus : "请选择租赁公司", onCorrect : "租赁公司选择正确" }).inputValidator( { min : 1, onError : "必须选择租赁公司" }).functionValidator({ fun: check1 }); $("#s_table_name").formValidator( { onShow : "请输入同步表名,格式为:Schema.表名", onFocus : "请输入同步表名,格式为:Schema.表名", onCorrect : "同步表名输入正确" }).regexValidator( { regExp : "notempty", dataType : "enum", onError : "同步表名不能为空" }).regexValidator({ regExp: "^[a-zA-Z]+\\.[a-zA-Z\\u4E00-\\u9FA5\\uF900-\\uFA2D]+$", dataType: "string", onError: "输入的同步表名不正确,格式为:Schema.表名" }).functionValidator({ fun: check1 }); $("#s_mysql_table_name").formValidator( { onShow : "请输入对应的MySql表名", onFocus : "请输入对应的Mysql表名", onCorrect : "Mysql数据库表名输入正确" }).regexValidator( { regExp : "notempty", dataType: "enum", onError : "对应的Mysql表名不能为空" }).regexValidator({ regExp: "^[a-zA-Z_]{3,}$", dataType: "string", onError: "输入Mysql表名格式不对" }).functionValidator({ fun: check }); $("#s_sync_config").formValidator( { onShow : "请输入同步配置内容,格式为:同步字段名,类型名,Mysql对应名/", onFocus : "请输入同步配置内容,格式为:同步字段名,类型名,Mysql对应名/", onCorrect : "同步配置内容输入正确" }).regexValidator( { regExp : "notempty", dataType:"enum", onError : "同步配置内容不能为空,格式为:同步字段名,类型名,Mysql对应名/" }).regexValidator({ regExp: "^([0-9a-zA-Z\\u4E00-\\u9FA5\\uF900-\\uFA2D]{2,}\,[a-zA-Z]{3,}\,[a-zA-Z_]{5,}\/)+$", dataType:"string", onError:"同步配置内容格式不对,格式为:同步字段名,类型名,Mysql对应名/" }); function check1(){ var $mysqltable = $.trim($("#s_mysql_table_name").val()); if($mysqltable !=null && $mysqltable!=""){ $("#s_mysql_table_name").focus(); $("#s_mysql_table_name").blur(); } } function check(){ var msg = $.ajax({ type: "post", url:"syncconfig!check.action?v=" +$("#i_leasecompany_id").val() +"&v1="+encodeURI($("#s_table_name").val()) +"&v2="+encodeURI($("#s_mysql_table_name").val()) +"&v3="+$("#id").val() +"&p="+new Date(), async: false }).responseText; if(msg.toString() == "true"){ return "该配置已经存在"; }else{ return true; } } }); </script>
</head> <body> <div class="crumbs" style="height: auto;"> 您现在的位置: <a href="${ctx}/main/main.jsp">云租车后台 > 租赁公司同步配置管理</a> > <span class="curr">添加租赁公司同步配置信息</span> </div> <div class="greybox" style="height: 320px;"> <div class="greytit"> <h2> <s:if test="id == null">添加</s:if> <s:else>修改</s:else> 租赁公司同步配置信息 </h2> </div> <form id="inputForm" action="syncconfig!save.action" method="post"> <input type="hidden" name="id" id="id" value="${id}" /> <input type="hidden" name="username" id="username" value="<%=SpringSecurityUtils.getCurrentUserName()%>" /> <div style="height: auto;"> <div class="width100" style="height: 10px;"></div> <div class="width100" style="height: 30px;"> <div align="right" class="text-left"> 公司名称: </div> <div class="text-right1"> <select name="i_leasecompany_id" id="i_leasecompany_id" style="width: 180px;" onchange=""> <option value=""> --请选择-- </option> <c:forEach items="${leasecompanylist}" var="company" varStatus="index"> <c:if test="${company.i_record_status !=1}"> <c:if test="${company.i_record_status !=2}"> <option value="${company.id}" <c:if test="${i_leasecompany_id == company.id}">selected="selected"</c:if>> ${company.s_keypost_desc} </option> </c:if> </c:if> </c:forEach> </select> </div> <div class="red" id="i_leasecompany_idTip" style="width: 200px; float: left;"> * </div> </div> <div class="width100" style="height: 30px;"> <div align="right" class="text-left"> 同步表名: </div> <div class="text-right1"> <input name="s_table_name" id="s_table_name" type="text" value="${s_table_name}" class="text-input" maxlength="100" style="width: 180px"/> </div> <div class="red" id="s_table_nameTip" style="width: 250px; float: left;"> * </div> </div> <div class="width100" style="height: 30px;"> <div align="right" class="text-left"> MySql表名: </div> <div class="text-right1"> <input name="s_mysql_table_name" id="s_mysql_table_name" type="text" value="${s_mysql_table_name}" class="text-input" maxlength="100" style="width: 180px"/> </div> <div class="red" id="s_mysql_table_nameTip" style="width: 200px; float: left;"> * </div> </div> <div class="width100" style="height: 100px;width: 100%"> <div align="right" class="text-left"> 同步配置内容: </div> <div class="text-right1" style="height: 60px;"> <textarea rows="5" cols="100" name="s_sync_config" id="s_sync_config">${s_sync_config}</textarea> </div> <div class="red" id="s_sync_configTip" style="width: 200px; float:left; width: 400px"> * </div> </div> <div align="right" style="padding-right: 5px; padding-bottom: 5px;"> <div class="width100" style="height: 30px;"> <div align="right" class="text-left"></div> <div class="text-right1"> <img src="${ctx }/images/tij_but.gif" border="0" onclick="submit_form()" /> </div> <div class="text-right1"> <img src="${ctx }/images/guanb_but.gif" onclick="history.back()" border="0" /> </div> </div> </div> </div> </form> </div> <script> function submit_form() { $("#inputForm").submit(); } </script> </body> </html>
实现以下功能