1. </pre><pre name="code" class="html"><%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  2. <!DOCTYPE html>
  3. <html lang="en" class="app">
  4. <head>
  5. <meta charset="utf-8" />
  6. <title>毕加数据</title>
  7. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  8. <link rel="stylesheet" href="../../css/app.v2.css" type="text/css" />
  9. <link rel="stylesheet" href="../../css/font.css" type="text/css" cache="false" />
  10. <link rel="stylesheet" href="../../js/calendar/bootstrap_calendar.css" type="text/css" cache="false" />
  11. <script src="../../js/app.v2.js"></script>
  12. </head>
  13. <body>
  14. 	<%@ include file="../../navHead3.jsp" %>
  15. 	<div class="col-lg-7">
  16. 	<h3>注册企业账号</h3>
  17. 	<br>
  18. 	<form action="insertBranch" id="insertBranch" method="post" >
  19. 		 <input  name="appClient.type" value="2"  style="display:none"   >
  20. 		 <input  name="appClient.companyId" value="${branchCompany.id}"  style="display:none"   >
  21. 		 <input  name="appClient.usedCount" value="0"  style="display:none"   >
  22.  
  23. 		<div class="form-group">
  24. 			<label >用户名</label>
  25. 			<input class="form-control {required:true,minlength:5,,messages:{required:'请输入客户名称'}" id="name1"
  26. 			   placeholder="请输入用户名" name="appClient.userName"/>
  27. 		</div>
  28. 		<div class="form-group">
  29. 			<label>密码</label>
  30. 			<input class="form-control" id="password" placeholder="请输入密码" type="password" name="appClient.password">
  31. 		</div>
  32. 		<div class="form-group">
  33. 			<label>确认密码</label>
  34. 			<input class="form-control"   name="confirm_password" placeholder="请输入密码" type="password" >
  35. 		</div>
  36. 		<div class="form-group">
  37. 			<label>电话</label>
  38. 			<input class="form-control" placeholder="请输入电话" name="appClient.phone">
  39. 		</div>
  40. 		<div class="form-group">
  41. 			<label>公司名称</label>
  42. 			<input class="form-control" placeholder="请输入公司名称" name="appClient.companyName">
  43. 		</div>
  44. 		<div class="form-group">
  45. 			<label>业务员数量</label>
  46. 			<input class="form-control" placeholder="请输入业务员数量" name="appClient.appCount">
  47. 		</div>
  48.   		<br>
  49. 	  	<button type="submit" class="btn btn-large btn-success">提交</button>
  50. 	</form>
  51. 	  	<!--弹出显示框-->
  52. 		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  53. 		    <div class="modal-dialog">
  54. 		        <div class="modal-content">
  55. 		            <div class="modal-header">
  56. 		                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  57. 		                <h4 class="modal-title" id="myModalLabel">提示</h4>
  58. 		            </div>
  59. 		            <div class="modal-body">
  60. 		           		<div id="result"></div>
  61. 		            </div>
  62. 		            <div class="modal-footer">
  63. 		              <button
  64. 								onclick="javascript:parent.location.href='../../module/appclient/getAllBranch'"
  65. 								type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
  66. 		            </div>
  67. 		        </div>
  68. 		        <!-- /.modal-content -->
  69. 		    </div>
  70. 		</div>
  71.  
  72. 	</div>
  73. 	<!-- jQuery -->
  74. 	<script	src="../../resources/bower_components/jquery/dist/jquery.min.js"></script>
  75.  
  76. 	<script src="../../resources/js/jquery.validate.min.js"></script>
  77. 	<script src="../../resources/js/messages_zh.min.js"></script>
  78. 	<script src="<%=request.getContextPath() %>/resources/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
  79.  
  80. 	<script>
  81.  
  82. 	$().ready(function() {
  83. 		// validate signup form on keyup and submit
  84. 		$("#insertBranch").validate({
  85. 			rules: {
  86. 				'appClient.password' : {
  87. 					required: true,
  88. 					minlength: 6
  89. 				},
  90. 				'confirm_password': {
  91. 					required: true,
  92. 					equalTo: "#password"
  93. 				}
  94. 			},
  95. 			messages: {
  96. 				'confirm_password': {
  97. 					required: "请确认密码",
  98. 					equalTo: "两次输入的密码要相同"
  99. 				}
  100.  
  101. 			},
  102. 			submitHandler:function(){
  103.     		    var txtHtml;
  104.     			$.ajax({
  105.     				url:'insertBranch',
  106.     				data:$('#insertBranch').serialize(),
  107.     				type:"POST",
  108.     				success:function(data2){
  109.     					var data;
  110.      					 try {
  111.      						  data = $.parseJSON(data2);
  112.      						}   catch  (e)   {
  113.      						    alert("网络异常 请重新登陆");
  114.      						} 
  115.  
  116.    	              		  if(data.resultcode == "200"){
  117.     	    				txtHtml="<p class='text-warning'>" + data.info + "</p>";
  118.     	                }else{
  119.     	                	txtHtml="<p class='text-warning'>" + data.info + "</p>";
  120.     	                }
  121.     	                $("#result").html(txtHtml);
  122.         				$("#myModal").modal("show");
  123.     	            }
  124.     			});
  125. 	        }
  126. 		});
  127. 	});
  128. 	</script>
  129. 	<%@ include file="../../navTail.jsp" %>
  130. </body>
  131. </html>
  1. </pre><pre code_snippet_id="1590342" snippet_file_name="blog_20160227_3_6997779" name="code" class="html">使用struts做后台
  1. <pre name="code" class="html">       <package name="appclent" namespace="/module/appclient" extends="json-default,basePack" >  
  2.  
  3. 			 <action name="insertBranch" class="appClientAction" method="insertBranch">
  4. 				<result type="json">
  5. 					<param name="root">resultObj</param>
  6. 				</result>
  7. 			</action>
  8.        </package>
  1. appClientAction如下:
  1.  
  1. </pre><pre name="code" class="java">private String resultObj;  //string类型的成员变量
  2. public String insertBranch(){
  3. 		//省略部分代码
  4. 		JSONObject joCode=new JSONObject();
  5. 		try {
  6. 			joCode.put("resultcode", 123);
  7. 			joCode.put("info", 123);
  8. 			joCode.put("url", "../../mainPage.jsp");
  9. 		} catch (Exception e) {
  10. 			// TODO Auto-generated catch block
  11. 			e.printStackTrace();
  12. 		}
  13. 		resultObj=joCode.toString();
  14. 		System.out.println(resultObj+"  resultObj");
  15. 		return SUCCESS;
  16. 	}

jsp页面里用的的技术点包括

jquery的validate与bootstrap的模态窗口

其中validate还有点问题

可参见

http://www.runoob.com/jquery/jquery-plugin-validate.html

  1.  

一个Bootstrap的例子--关于validate的更多相关文章

  1. 用一个简单的例子来理解python高阶函数

    ============================ 用一个简单的例子来理解python高阶函数 ============================ 最近在用mailx发送邮件, 写法大致如 ...

  2. Spring-Context之一:一个简单的例子

    很久之前就想系统的学习和掌握Spring框架,但是拖了很久都没有行动.现在趁着在外出差杂事不多,就花时间来由浅入深的研究下Spring框架.Spring框架这几年来已经发展成为一个巨无霸产品.从最初的 ...

  3. 一个Bootstrap风格的分页控件

      http://www.cnblogs.com/wangwei123/p/3682626.html 主题 jQueryBootstrap 一个Bootstrap风格的分页控件,对于喜欢Bootstr ...

  4. jQuery分页插件jBootstrapPage，一个Bootstrap风格的分页插件

    一个Bootstrap风格的分页控件,对于喜欢Bootstrap简洁美观和扁平化的同学可以关注jBootstrapPage, 目前jBootstrapPage最新版为V0.1,后续还有更多功能需要完善 ...

  5. 高仿“点触验证码”做的一个静态Html例子

    先上源码: <html> <head> <title>TouClick - Designed By MrChu</title> <meta htt ...

  6. 关于apriori算法的一个简单的例子

    apriori算法是关联规则挖掘中很基础也很经典的一个算法,我认为很多教程出现大堆的公式不是很适合一个初学者理解.因此,本文列举一个简单的例子来演示下apriori算法的整个步骤. 下面这个表格是代表 ...

  7. 一个UWSGI的例子

    摘要:uwsgi执行顺序:启动master进程,执行python脚本的公共代码(import同一层).然后生成worker进程,uwsgi.post_fork_hook=init_functions, ...

  8. 扩展Python模块系列(二)----一个简单的例子

    本节使用一个简单的例子引出Python C/C++ API的详细使用方法.针对的是CPython的解释器. 目标:创建一个Python内建模块test,提供一个功能函数distance, 计算空间中两 ...

  9. fitnesse - 一个简单的例子（slim）

    fitnesse - 一个简单的例子(slim) 2017-09-30 目录1 编写测试代码(Fixture code)2 编写wiki page并运行  2.1 新建wikiPage  2.2 运行 ...

随机推荐

  1. BeanFactory not initialized or already closed - call 'refresh' before accessing beans via the ApplicationContext

    这个坑爹的玩意 有几个出现错误的原因 服务器 1.服务器重复启动同一个部署 这个时候要停止然后启动 电脑差的 重启电脑 重启服务器就好了 代码 2.bean工厂不知道哪里关闭 3.bean工厂没有找到 ...

  2. 整理spring定时器corn表达式

    1.结构 corn从左到右(用空格隔开):秒 分 小时 月份中的日期 月份 星期中的日期 年份 2.各字段的含义   字段 允许值 允许的特殊字符 秒 0~59 - * / 分 0~59 - * / ...

  3. Python小代码_7_字符串的字符次数统计

    生成包含 1000 个随机字符的字符串,并统计每个字符出现的次数. import string import random #获取字符 x = string.ascii_letters + strin ...

  4. Zookeeper和Chubby【分布式协调系统】

    前言(对于协调系统来说其客户端往往是分布式集群) 大规模分布式系统需要解决各种类型的协调需求: 当集群中有新的进程或服务器加入时,如何探测到它的加入?如何能够自动获取配置参数? 当配置信息被某个进程或 ...

  5. url重定向或者重写

    有四种方式:1.urlMappings,返回200状态码 <system.web> <urlMappings > <add url="~/others.aspx ...

  6. delphi 面向对象实用技能教学一(递归)

    本例使用类与TList相结合,用简洁的方法,实现了一个 HTML 解析与格式化功能.所用到的知识点如下:1.类的提前申明2.TList用法3.String的指针操作4.单例设计5.递归用法 编程是综合 ...

  7. spring-boot配置静态资源映射的坑：properties文件不能添加注释

    如此博文所述,Spring Boot 对静态资源映射提供了默认配置 默认将 /** 所有访问映射到以下目录:classpath:/staticclasspath:/publicclasspath:/r ...

  8. Docker学习笔记3：CentOS7下安装Docker-Compose

    Docker-Compose是一个部署多个容器的简单但是非常必要的工具. 安装Docker-Compose之前,请先安装 python-pip,请参考我的另一篇博文CentOS7下安装python-p ...

  9. Swift对象实例方法名混淆的解决

    在Xcode7.x中,比如有以下一个类: class Foo{ func test(v:Int,before:Int)->Int{ return v + 1 } } 我可以直接这么做: let ...

  10. 亲密接触Redis-第一天

    引言 nosql,大规模分布式缓存遍天下,Internet的时代在中国由其走得前沿,这一切归功于我国特色的电商.因此nosql.大数据技术在中国应用的比国外还要前沿.从这一章开始我们将开始进入到真正的 ...