`
收藏列表
标题 标签 来源
jquery一个文本框倒是另一文本框变化 jquery 
<!DOCTYPE html>
<html>
<head>
  <style>

  p { color:blue; margin:8px; }
  </style>
  <script src="jquery.js"></script>
  <script>
    $(document).ready(function(){
		$("#inputid1").keyup(function () {
		  var value = $(this).val();
		  $("#inputid2").val(value);
		}).keyup();
	});
</script>
</head>
<body>
    <input type="text" id="inputid1" value="这里可以什么都不写"/><br><br>
    <input type="text" id="inputid2" />

</body>
</html>
jquery添加删除表格 jquery 
<style type="text/css">
body{
font-size: 13px;
}

table{
text-align: center;
border:solid 1px #eee;
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}

td{
border: solid 1px #eee;
width: 15%;
}

table{
margin-bottom: 0px;
margin-top: 0px;
}
</style>
<script type="text/javascript" src="javascript/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(function(){
var i=1;
//动态添加一行
$("#btn").click(function(){
var $tr = $("<tr>"
+"<td>" + i + "</td>"
+"<td><input name =''/></td>"
+"<td><input name =''/></td>"
+"</tr>");
//$tr.appendTo($("#mark"));
$("#mark").append($tr);
$("tr:gt(1):not(:last):odd").css("background-color", "#FFFFF2"); 
$("tr:gt(1):not(:last):even").css("background-color", "#FBF5E6"); 
$("#submit").css("display","block");
i++;
});

//删除表格中最后一行
$("#btnDel").click(function(){
$("#content tr:gt(1):last").remove();
});
});

</script>
<body>
<form action="" method="post">
<table align="center" id="content">
<tr>
<td colspan="3" style="text-align: right;">
<button id="btn">add</button>    
<button id="btnDel">delete</button>    

</td>
</tr>
<tr id="mark">
<td>id</td>
<td>name</td>
<td>desc</td>
</tr>
</table>
<table align="center" id="sub">
<tr>
<td colspan="3" style="text-align: left;"><input type="submit" value="submit"/></td>
</tr>
</table>
</form>
</body>
jquery_checkbox jquery 
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <title>全选和反选</title>
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<script type="text/javascript" src="jquery/jquery.js"></script>
	<script type="text/javascript">
	//jQuery中获取属性的值用的是.attr("属性名称");
	//给属性赋值用的是.attr("属性名称","属性值")
		$(function(){
			//全选
			$("#selAll").click(function(){
				$(":checkbox").attr("checked","checked");
			});
			//取消
			$("#selCancel").click(function(){
				$(":checkbox").attr("checked","");
			});
			//反选
			$("#selRev").click(function(){
				$(":checkbox").each(function(){
					if($(this).attr("checked") == true){
						$(this).attr("checked","");
					}else{
						$(this).attr("checked","checked");
					}
				});
			});
		});

    </script>
  </head>
  
  <body>
    <p>
    	<button id="selAll">全选</button>
    	<button id="selRev">反选</button>
    	<button id="selCancel">取消</button>
    </p>
    <input type="checkbox" checked="checked">华为<br>
    <input type="checkbox">中兴<br>
    <input type="checkbox">NEC<br>
    <input type="checkbox">易思博<br>
    
  </body>
</html>
jquery_select jquery 
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'form.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<script type="text/javascript" src="jquery/jquery.js"></script>
	<script type="text/javascript">
		$(function(){
			/*
				$("select option:selected").css("background-color","red");
				$("select").change(function(){
					window.location=$(this).val();
				})
			*/
			
			$("#sel").change(function(){
				$("select>option").each(function(){
					if($(this).attr("selected") == true){
						alert($(this).text());
					}
				});
			});
		});
	</script>
  </head>
  
  <body>
   <select name="cource" id="sel">
   	<option value="math">math</option>
   	<option value="chinese" selected="selected">chinese</option>
   	<option value="american">american</option>
   	<option value="http://openproxy.huawei.com/">http://openproxy.huawei.com/</option>
   </select>
  </body>
</html>
jquery验证 jquery 
<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'aaaaa.jsp' starting page</title>
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<style type="text/css">
		
		table{
		  text-align: center;
		  font-size: 12px;
		  padding: 1px;
		  width:100%;
		  border: solid 1px gray;
		  border-collapse: collapse;
		  background-color: rgb(239,239,239);
		}
		
		td{
			border-collapse: separate;
			border: 1px solid #C1CDCD;
		}
		
		#main{
			margin-left: 5px;
		}
		.tdname{
			text-align: right;
			background-color: #E0EEEE;
			width: 250px;
		}
		.tdcontent{
			text-align: left;
		}
		
		.inp{
			width: 400px;
		}
		
		span{
			display: none;
		}
	</style>
	<script type="text/javascript" src="<%=path%>/js/jquery-1.6.min.js"></script>
	<script type="text/javascript">
		var flag = false;
		function isNull(){
			var inputs = document.getElementsByTagName("input");
			var len = inputs.length;
			for(var i=0;i<len-1;i++){
					var inputName = inputs[i].name;
					var inputVal = inputs[i].value;
					if(inputName == "project.t3docCategory"){
						if(inputVal == ""){
							alert("t3docCategory不能为空");
							return false;
						}
					}else if(inputName == "project.t3docRootName"){
						if(inputVal == ""){
							alert("t3docRootName不能为空");
							return false;
						}
					}else if(inputName == "project.svn"){
						if(inputVal == ""){
							alert("svn不能为空");
							return false;
						}
					}else if(inputName == "project.userName"){
						if(inputVal == ""){
							alert("userName不能为空");
							return false;
						}
					}else if(inputName == "project.password"){
						if(inputVal == ""){
							alert("password不能为空");
							return false;
						}
					}else if(inputName == "project.t3docTtp"){
						continue;
					}else if(inputName == "project.t3doc"){
						if(inputVal == ""){
							alert("t3doc不能为空");
							inputs[i].focus();
							return false;
						}
					}else if(inputName == "project.t3docExclude"){
						continue;
					}else if(inputName == "project.email"){
						if(inputVal == ""){
							alert("email不能为空");
							return false;
						}
					}
				}
				flag = true;
				return true;
		}
		
		
		
		
		//rootName唯一性验证
		jQuery(document).ready( function(){
			$("#proRootname").blur(function(){
				$.get('<%=path%>/servlet/RegCheck.do',{name:this.value},function(data){
					$("#span").html(data).css("display","block");
					if(data =="输入不能为空!"){
						alert("输入不能为空!");
					}
					if(data == "该项目已经存在!"){
						alert("该项目已经存在!");
					}
					if(data == "该项目名可用!"){
						$("#span").html(data).css("display","none");
					}
				});
			});
		});
		
		//svn验证
		jQuery(document).ready( function(){
			$("#remoteSVN").blur(function(){
				var svnval = $("#remoteSVN").val();
				var userval = $("#svnuser").val();
				var passval = $("#svnpass").val();
				if(svnval != "" && svnval!=null && userval!="" && userval != null && passval!="" && passval!=null){
					$.get('<%=path%>/servlet/SVNVerify.do?method=svncheck',{svnurl:svnval,svnuser:userval,svnpass:passval},function(data){
						if(data == "svn连接失败!"){
							$("#svncheck").html(data).css({"display":"block","background-color":"red"});
						}else if(data == "svn连接成功!"){
							$("#svncheck").html(data + "恭喜你!请继续您的操作").css({"display":"block","background-color":"white"});
						}
					});
				}
			});	
			$("#svnuser").blur(function(){
				var svnval = $("#remoteSVN").val();
				var userval = $("#svnuser").val();
				var passval = $("#svnpass").val();
				if(svnval != "" && svnval!=null && userval!="" && userval != null && passval!="" && passval!=null){
					$.get('<%=path%>/servlet/SVNVerify.do?method=svncheck',{svnurl:svnval,svnuser:userval,svnpass:passval},function(data){
						if(data == "svn连接失败!"){
							$("#svncheck").html(data).css({"display":"block","background-color":"red"});
						}else if(data == "svn连接成功!"){
							$("#svncheck").html(data + "恭喜你!请继续您的操作").css({"display":"block","background-color":"white"});
						}
					});
				}
			});	
			$("#svnpass").blur(function(){
				var svnval = $("#remoteSVN").val();
				var userval = $("#svnuser").val();
				var passval = $("#svnpass").val();
				if(svnval != "" && svnval!=null && userval!="" && userval != null && passval!="" && passval!=null){
					$.get('<%=path%>/servlet/SVNVerify.do?method=svncheck',{svnurl:svnval,svnuser:userval,svnpass:passval},function(data){
						if(data == "svn连接失败!"){
							$("#svncheck").html(data).css({"display":"block","background-color":"red"});
						}else if(data == "svn连接成功!"){
							$("#svncheck").html(data + "恭喜你!请继续您的操作").css({"display":"block","background-color":"white"});
						}
					});
				}
			});	
		});
		
		//ttp验证
		jQuery(document).ready( function(){
			$("#docttp").blur(function(){
				var svnval = $("#remoteSVN").val();
				var userval = $("#svnuser").val();
				var passval = $("#svnpass").val();
				var docttpval = $("#docttp").val();
				if(docttpval !=null && docttpval !=""){
					var regex=/(\.ttp)$/;
					if(regex.test(docttpval)==false){
						$("#loadimg").css("display","none");
						alert("输入非法，请按照正确格式输入【*.ttp】");
					}else{
						//先svn
						if(svnval != "" && svnval!=null && userval!="" && userval != null && passval!="" && passval!=null){
							$.get('<%=path%>/servlet/SVNVerify.do?method=svncheck',{svnurl:svnval,svnuser:userval,svnpass:passval},function(data){
								if(data == "svn连接失败!"){
									$("#loadimg").css("display","none");
									$("#ttpspan").html(data).css({"display":"block","background-color":"red"});
								}else if(data == "svn连接成功!"){
									$("#loadimg").css("display","block");
									$("#ttpspan").html("ttp文件正在验证，请等待!").css({"display":"block","background-color":"white"});
									
									if(docttpval != null && docttpval !=""){
										$.get('<%=path%>/servlet/SVNVerify.do?method=ttpcheck',{svnurl:svnval,svnuser:userval,svnpass:passval,docttp:docttpval},function(data){
											if(data == "该ttp不存在!"){
												$("#loadimg").css("display","none");
												$("#ttpspan").html(data + "请重新输入!").css({"display":"block","background-color":"red"});
											}else if(data == "该ttp存在!"){
												$("#loadimg").css("display","none");
												$("#ttpspan").html("ttp文件验证成功，谢谢，请继续!").css({"display":"block","background-color":"white"});
											}
										});
									}
								}
							});
						}
					}
				}else{
					$("#loadimg").css("display","none");
					$("#ttpspan").css("display","none");
				}
			});	
		});
		
		jQuery(document).ready(function(){
			$("#btn").bind("click",function(){
				//保证能提交
				if(flag==true){
					$("form:first").submit();
				}
			});
		});	
	</script>
  </head>
  <body>
    <div id="main">
 				<fieldset>
 				<legend>工程配置</legend>
 				<form action="<%=path%>/promanager/addpro.action" method="post">
			   		<table>
			   			<tr>
			   				<td class="tdname">Category:</td>
			   				<td class="tdcontent"><input class="inp" name = "project.t3docCategory"></td>
			   			</tr>
			   			<tr>
			   				<td class="tdname">RootName:</td>
			   				<td class="tdcontent"><input id="proRootname" class="inp" name = "project.t3docRootName"><span id="span"></span></td>
			   			</tr>
			   			<tr>
			   				<td class="tdname">SVN:</td>
			   				<td class="tdcontent"><input class="inp" id="remoteSVN" name = "project.svn"><span id="svncheck"></span></td>
			   			</tr>
			   			<tr>
			   				<td class="tdname">SVNUse:</td>
			   				<td class="tdcontent"><input class="inp" id="svnuser" name = "project.userName"></td>
			   			</tr>
			   			<tr>
			   				<td class="tdname">SVNPass:</td>
			   				<td class="tdcontent"><input type="password" class="inp" id="svnpass" name = "project.password"></td>
			   			</tr>
			   			<tr>
			   				<td class="tdname">T3Doc:</td>
			   				<td class="tdcontent" style="padding-left:  30px;">
			   					<input type="radio" name = "project.t3doc" value="1" checked="checked">是     
			   					<input type="radio"  name = "project.t3doc" value="0">否
			   				</td>
			   			</tr>
			   			<tr>
			   				<td class="tdname">Ttp:</td>
			   				<td class="tdcontent"><input class="inp" id="docttp" name = "project.t3docTtp"><span id="ttpspan"></span><img id="loadimg" style="display: none;" src="<%=path%>/image/loading.gif" title="正在验证，请等待!" alt="正在验证，请等待!"></img></td>
			   			</tr>
			   			<tr>
			   				<td class="tdname">T3DocExclude:</td>
			   				<td class="tdcontent"><input class="inp" name = "project.t3docExclude"></td>
			   			</tr>
			   			<tr>
			   				<td class="tdname">E-Mail:</td>
			   				<td class="tdcontent"><input class="inp" name = "project.email" id="mail"><font color="red">*多个地址之间用逗号【 ，】隔开
			   				</font></td>
			   			</tr>
			   			<tr>
			   				<td colspan="2" align="left"><input id="btn"  type="button" value="提交" onclick="return isNull();"/></td>
			   			</tr>
			   		</table>
 				</form>
 			</fieldset>
 		</div>
  </body>
</html>
Global site tag (gtag.js) - Google Analytics