BlogJava-hyljava-随笔分类-JShttp://www.blogjava.net/hyljava/category/51495.htmlzh-cnThu, 23 Mar 2017 20:58:56 GMTThu, 23 Mar 2017 20:58:56 GMT60解决SoapUI的Request URL不支持大写http://www.blogjava.net/hyljava/archive/2017/03/23/soapui.html何云隆何云隆Thu, 23 Mar 2017 02:27:00 GMThttp://www.blogjava.net/hyljava/archive/2017/03/23/soapui.htmlhttp://www.blogjava.net/hyljava/comments/432397.htmlhttp://www.blogjava.net/hyljava/archive/2017/03/23/soapui.html#Feedback0http://www.blogjava.net/hyljava/comments/commentRss/432397.htmlhttp://www.blogjava.net/hyljava/services/trackbacks/432397.html在SoapUI的Request URL中，每次输入的URL中含有的大写字母会自动转换为小写字母，导致请求不了，
这个问题在SoapUI 5.1.2和5.2.1版本中都存在，具体的解决办法是在HTTP TestRequest Properties的属性中，在Endpoint中输入对应的含有大写字母的URL即可。





何云隆 2017-03-23 10:27 发表评论
]]>JSP中EL表达式三元(三目)运算符的使用http://www.blogjava.net/hyljava/archive/2015/08/25/426969.html何云隆何云隆Tue, 25 Aug 2015 03:03:00 GMThttp://www.blogjava.net/hyljava/archive/2015/08/25/426969.htmlhttp://www.blogjava.net/hyljava/comments/426969.htmlhttp://www.blogjava.net/hyljava/archive/2015/08/25/426969.html#Feedback0http://www.blogjava.net/hyljava/comments/commentRss/426969.htmlhttp://www.blogjava.net/hyljava/services/trackbacks/426969.htmlJava中的三元运算符为：条件?条件为true值:条件为false的值
EL也有一样的运算符，用EL的三元运算符有时可以代替c:choose标签，为我们的工作省下很大力气。

比如gender为0显示男，其余显示女，我们可以这么写：

<c:choose>
<c:when test="${gender eq 0}">男</c:when>
<c:otherwise>女</c:otherwise>
</c:choose>

但是不是显得太麻烦了？其实我们这里就可以使用EL表达式中的三元运算符了，上面可以简化为：

${gender eq 0?"男":"女"}

这样是不是简练了很多？在JSTL和EL处理非A即B的时候，三元运算符简单了许多。

转载请注明：观测者 » JSP中EL表达式三元运算符的使用



何云隆 2015-08-25 11:03 发表评论
]]>jquery校验输入框内容http://www.blogjava.net/hyljava/archive/2015/05/08/jquery.html何云隆何云隆Fri, 08 May 2015 03:22:00 GMThttp://www.blogjava.net/hyljava/archive/2015/05/08/jquery.htmlhttp://www.blogjava.net/hyljava/comments/424940.htmlhttp://www.blogjava.net/hyljava/archive/2015/05/08/jquery.html#Feedback0http://www.blogjava.net/hyljava/comments/commentRss/424940.htmlhttp://www.blogjava.net/hyljava/services/trackbacks/424940.html阅读全文

何云隆 2015-05-08 11:22 发表评论
]]>通过js事件获取元素中的属性值http://www.blogjava.net/hyljava/archive/2013/05/29/399930.html何云隆何云隆Wed, 29 May 2013 13:42:00 GMThttp://www.blogjava.net/hyljava/archive/2013/05/29/399930.htmlhttp://www.blogjava.net/hyljava/comments/399930.htmlhttp://www.blogjava.net/hyljava/archive/2013/05/29/399930.html#Feedback1http://www.blogjava.net/hyljava/comments/commentRss/399930.htmlhttp://www.blogjava.net/hyljava/services/trackbacks/399930.html<div id="c-title1" onclick="openAndClose(this)" value="content1" >报告概览</div>

  function openAndClose(myelement) {
   
    alert(myelement.attributes["value"].value );
    
    

  }



何云隆 2013-05-29 21:42 发表评论
]]>miniui超级强悍UIhttp://www.blogjava.net/hyljava/archive/2013/05/27/399823.html何云隆何云隆Mon, 27 May 2013 07:41:00 GMThttp://www.blogjava.net/hyljava/archive/2013/05/27/399823.htmlhttp://www.blogjava.net/hyljava/comments/399823.htmlhttp://www.blogjava.net/hyljava/archive/2013/05/27/399823.html#Feedback0http://www.blogjava.net/hyljava/comments/commentRss/399823.htmlhttp://www.blogjava.net/hyljava/services/trackbacks/399823.htmlminiui超级强悍UI
http://www.miniui.com/demo/#src=messagebox.html

何云隆 2013-05-27 15:41 发表评论
]]>js中动态生成表格http://www.blogjava.net/hyljava/archive/2013/05/21/399578.html何云隆何云隆Tue, 21 May 2013 13:16:00 GMThttp://www.blogjava.net/hyljava/archive/2013/05/21/399578.htmlhttp://www.blogjava.net/hyljava/comments/399578.htmlhttp://www.blogjava.net/hyljava/archive/2013/05/21/399578.html#Feedback1http://www.blogjava.net/hyljava/comments/commentRss/399578.htmlhttp://www.blogjava.net/hyljava/services/trackbacks/399578.htmljs中动态生成表格
function createTable() {
 var t = document.getElementById("myT");
 for ( var i = 0; i < 3; i++) {
  var r = t.insertRow();
  for ( var j = 0; j < 2; j++) {
   var c = r.insertCell();
   if (j == 0) {
    c.innerHTML = "姓名："+i+","+j;
   } else {
    c.innerHTML = "<input type='text' name='n' />";
   }
  }
 }
 t.setAttribute('border', '1');
}

function deleteTable() {

 var objTable = document.getElementById("myT");
 objTable.setAttribute('border', '0');
 for ( var i = 0; i <= objTable.rows.length+1; i++) {
  objTable.deleteRow(0);

 }
 
}




jsp中的表单引发事件
<input type="button" onclick="createTable()" name="ty" value="试题类型" />
   &nbsp;
   <input type="button" onclick="deleteTable()" name="re" value="清除表格" />
   <table id="myT">
   
   </table>

何云隆 2013-05-21 21:16 发表评论
]]>监听键盘按下键的值（兼容IE与其他浏览器）http://www.blogjava.net/hyljava/archive/2013/04/13/397784.html何云隆何云隆Sat, 13 Apr 2013 03:08:00 GMThttp://www.blogjava.net/hyljava/archive/2013/04/13/397784.htmlhttp://www.blogjava.net/hyljava/comments/397784.htmlhttp://www.blogjava.net/hyljava/archive/2013/04/13/397784.html#Feedback2http://www.blogjava.net/hyljava/comments/commentRss/397784.htmlhttp://www.blogjava.net/hyljava/services/trackbacks/397784.html
监听键盘按下键的值（兼容IE与其他浏览器）
function getKeyPressCode(event) {
/*
  //此种方法不可取
if(event.keyCode!=0) // IE
{
keynum = event.keyCode;
}
else if(event.which!=0) // Netscape/Firefox/Opera
{
keynum = event.which;
}
alert(keynum);
*/
//此种方法可行 
var keycode;
if (navigator.appName == "Microsoft Internet Explorer") {  // IE
keycode = event.keyCode;
} else {             // Netscape/Firefox/Opera
keycode = event.which;
}
alert("按键码: " + keycode  );
}


何云隆 2013-04-13 11:08 发表评论
]]>文本框中只能是数字输入或者是字母输入http://www.blogjava.net/hyljava/archive/2013/04/13/397783.html何云隆何云隆Sat, 13 Apr 2013 02:47:00 GMThttp://www.blogjava.net/hyljava/archive/2013/04/13/397783.htmlhttp://www.blogjava.net/hyljava/comments/397783.htmlhttp://www.blogjava.net/hyljava/archive/2013/04/13/397783.html#Feedback0http://www.blogjava.net/hyljava/comments/commentRss/397783.htmlhttp://www.blogjava.net/hyljava/services/trackbacks/397783.html<script type="text/javascript">
function noNumbers(e)
{
var keynum;
var keychar;
var numcheck;
if(window.event) // IE
{
keynum = e.keyCode;
}
else if(e.which) // Netscape/Firefox/Opera
{
keynum = e.which;
}
keychar = String.fromCharCode(keynum);
numcheck = /\d/;
return  numcheck.test(keychar);
}
</script>
<form>
Type some text (numbers not allowed):
<input type="text" onkeypress="return noNumbers(event)" />
</form>


何云隆 2013-04-13 10:47 发表评论
]]>刷新窗口的方法http://www.blogjava.net/hyljava/archive/2013/04/12/397752.html何云隆何云隆Fri, 12 Apr 2013 07:53:00 GMThttp://www.blogjava.net/hyljava/archive/2013/04/12/397752.htmlhttp://www.blogjava.net/hyljava/comments/397752.htmlhttp://www.blogjava.net/hyljava/archive/2013/04/12/397752.html#Feedback0http://www.blogjava.net/hyljava/comments/commentRss/397752.htmlhttp://www.blogjava.net/hyljava/services/trackbacks/397752.html<script type="text/javascript"> 

    window.parent.dialogArguments.document.execCommand('Refresh');   

</script> 

浮层内嵌iframe及frame集合窗口，刷新父页面的多种方法
<script type="text/javascript">   

   window.parent.location.reload();   

</script> 

弹出子页面
<script type="text/javascript">
   window.opener.location.reload();   
</script> 
子窗口刷新父窗口
<script type="text/javascript">
   window.self.opener.location.reload();   
</script> 
刷新以open()方法打开的窗口[上面的弹出子页面也可以完成]
<script type="text/javascript">
     window.opener.location.href=window.opener.location.href;   
</script> 


何云隆 2013-04-12 15:53 发表评论
]]>js中对象冒充示例http://www.blogjava.net/hyljava/archive/2013/04/12/397750.html何云隆何云隆Fri, 12 Apr 2013 07:44:00 GMThttp://www.blogjava.net/hyljava/archive/2013/04/12/397750.htmlhttp://www.blogjava.net/hyljava/comments/397750.htmlhttp://www.blogjava.net/hyljava/archive/2013/04/12/397750.html#Feedback0http://www.blogjava.net/hyljava/comments/commentRss/397750.htmlhttp://www.blogjava.net/hyljava/services/trackbacks/397750.html
 <script type="text/javascript">
        function Animal(name,age){
            this.name=name;
            this.age=age;
            this.eat=function(){
                alert("动物可以吃东西");
            }
        }
        function Dog(name,age){
            //把Animal构造函数赋给this.an
            this.an=Animal;
            //运行调用@！！！！非常重要
            this.an(name,age);
        }
        var dog=new Dog("小白",2);
        alert(dog.name);
        dog.eat();
 </script>


何云隆 2013-04-12 15:44 发表评论
]]>提示输入内容http://www.blogjava.net/hyljava/archive/2013/04/12/397749.html何云隆何云隆Fri, 12 Apr 2013 07:37:00 GMThttp://www.blogjava.net/hyljava/archive/2013/04/12/397749.htmlhttp://www.blogjava.net/hyljava/comments/397749.htmlhttp://www.blogjava.net/hyljava/archive/2013/04/12/397749.html#Feedback2http://www.blogjava.net/hyljava/comments/commentRss/397749.htmlhttp://www.blogjava.net/hyljava/services/trackbacks/397749.html<input name="keyword"  type="text"  value="请输入关键字" onFocus="this.value=''" onBlur="if(!value){value=defaultValue;}"/>

何云隆 2013-04-12 15:37 发表评论
]]>阻止超级连接的跳转http://www.blogjava.net/hyljava/archive/2013/04/12/397748.html何云隆何云隆Fri, 12 Apr 2013 07:34:00 GMThttp://www.blogjava.net/hyljava/archive/2013/04/12/397748.htmlhttp://www.blogjava.net/hyljava/comments/397748.htmlhttp://www.blogjava.net/hyljava/archive/2013/04/12/397748.html#Feedback0http://www.blogjava.net/hyljava/comments/commentRss/397748.htmlhttp://www.blogjava.net/hyljava/services/trackbacks/397748.html<a href="javascript:void(0)" onclick="changeMa()">看不清</a>
onclick事件会被引发，但是不会发生任何跳转，相当于一个死链接

何云隆 2013-04-12 15:34 发表评论
]]>SpringMVC做二级联动http://www.blogjava.net/hyljava/archive/2013/04/12/397747.html何云隆何云隆Fri, 12 Apr 2013 07:30:00 GMThttp://www.blogjava.net/hyljava/archive/2013/04/12/397747.htmlhttp://www.blogjava.net/hyljava/comments/397747.htmlhttp://www.blogjava.net/hyljava/archive/2013/04/12/397747.html#Feedback0http://www.blogjava.net/hyljava/comments/commentRss/397747.htmlhttp://www.blogjava.net/hyljava/services/trackbacks/397747.html<select id="myCol" onchange="getChange()">
<option value="1">
大连交大
</option>
<option value="2">
东北财经
</option>
<option value="3">
大连海事
</option>
</select>
<select id="myGet">
</select>


<script type="text/javascript"  >
function getChange() {
//获取到第一个select表单value值
var myCol = document.getElementById("myCol").value;
  //拼接成要获取值的url
var url = "getCateGory?myCol=" + myCol; //url  
//利用jquery的ajax方法，使用此方法要引jquery包
htmlobj = $.ajax( {
url : url,
async : false
});
//此处利用json处理值，还需要引json包，在服务器端可以使用GSON转化数据，响应当前页面
/*服务器端：
//需要引GSON包
  //创建一个Gson对象
Gson gson = new Gson();
//返回一个json格式的字符串 
String pStr = gson.toJson(user);
      System.out.println(pStr);
out.print(pStr);
*/
//接取响应值，并且转化成JSON对象
var obj = JSON.parse(htmlobj.responseText);
//此变量是为拼接而做
var options = "";
var myGet = document.getElementById("myGet");
//myGet.removeChild("option");
//删除现有option节点
for ( var i = 1; i <= myGet.length; i++) {
myGet.remove(i);
}
myGet.remove(myGet.selectedIndex);
   //利用循环，在此将新的option添加上
   for(var i=0;i<obj.length;i++){
  alert(obj[i].uUserName);
     var myOption=document.createElement("option");
  myOption.setAttribute("value",obj[i].uId);
  var testN=document.createTextNode(obj[i].uUserName);
myOption.appendChild(testN);
  myGet.appendChild(myOption);
  
 //此种方法最简单，但是没有技术含量
 //options+="<option value='"+obj[i].uId+"'>"+obj[i].uUserName+"</option>";
 }
// myGet.innerHTML=options;
  
}
</script>


何云隆 2013-04-12 15:30 发表评论
]]>利用百度地图的API定位地理位置http://www.blogjava.net/hyljava/archive/2012/07/23/383769.html何云隆何云隆Mon, 23 Jul 2012 07:04:00 GMThttp://www.blogjava.net/hyljava/archive/2012/07/23/383769.htmlhttp://www.blogjava.net/hyljava/comments/383769.htmlhttp://www.blogjava.net/hyljava/archive/2012/07/23/383769.html#Feedback4http://www.blogjava.net/hyljava/comments/commentRss/383769.htmlhttp://www.blogjava.net/hyljava/services/trackbacks/383769.html<!DOCTYPE html> 
<html> 
<head> 
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
<meta http-equiv="Content-Type" content="text/html; charset=GBK" /> 
<title>Hello, World</title> 
<style type="text/css"> 
html{height:100%} 
body{height:100%;margin:0px;padding:0px} 
#container{height:70%}
#container{width:50%} 
</style> 
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script> 
</head> 
 
<body> 
<br><br><br><br><br>
百度地图接口 --  总结
<br><br>
<div id="container"></div> 
<script type="text/javascript"> 
var map = new BMap.Map("container");          // 创建地图实例 


//通过经纬度坐标来初始化地图
var point = new BMap.Point(125.4360909,43.78802888999);  // 创建点坐标 

map.centerAndZoom(point, 15);                 // 初始化地图，设置中心点坐标和地图级别 

//通过城市名称来初始化地图
//map.centerAndZoom("长春");

var marker = new BMap.Marker(point);        // 创建标注 
map.addOverlay(marker);
 
map.enableScrollWheelZoom();  // 开启鼠标滚轮缩放 
map.enableKeyboard();         // 开启键盘控制 
map.enableContinuousZoom();   // 开启连续缩放效果 
map.enableInertialDragging(); // 开启惯性拖拽效果

map.addControl(new BMap.NavigationControl()); //添加标准地图控件(左上角的放大缩小左右拖拽控件)
map.addControl(new BMap.ScaleControl());      //添加比例尺控件(左下角显示的比例尺控件)
map.addControl(new BMap.OverviewMapControl()); // 缩略图控件
map.addControl(new BMap.MapTypeControl());     //// 仅当设置城市信息时，MapTypeControl的切换功能才能可用map.setCurrentCity("北京"); 
map.setCurrentCity("吉林省");

//添加自定义控件

// 定义一个控件类，即function 
function ZoomControl(){ 
  // 设置默认停靠位置和偏移量 
  this.defaultAnchor = BMAP_ANCHOR_TOP_LEFT; 
  this.defaultOffset = new BMap.Size(50, 10); 
} 
 
// 通过JavaScript的prototype属性继承于BMap.Control 
ZoomControl.prototype = new BMap.Control(); 

// 自定义控件必须实现initialize方法，并且将控件的DOM元素返回 
// 在本方法中创建个div元素作为控件的容器，并将其添加到地图容器中 
ZoomControl.prototype.initialize = function(map){ 
  // 创建一个DOM元素 
  var div = document.createElement("div"); 
  // 添加文字说明 
  div.appendChild(document.createTextNode("长春工业大学人文信息学院")); 
  // 设置样式 
  div.style.cursor = "pointer"; 
  div.style.border = "1px solid gray"; 
  div.style.backgroundColor = "white"; 
  // 绑定事件，点击一次放大两级 
  div.onclick = function(e){ 
    alert("长春工业大学人文信息学院");
  } 
  // 添加DOM元素到地图中 
  map.getContainer().appendChild(div); 
  // 将DOM元素返回 
  return div; 
} 

// 创建控件实例 
var myZoomCtrl = new ZoomControl(); 
// 添加到地图当中 
map.addControl(myZoomCtrl); 

 

//添加信息窗口
var opts = { 
  width : 200,     // 信息窗口宽度 
  height: 70,     // 信息窗口高度 
  title : "长春工业大学人文信息学院"  // 信息窗口标题 
} 
var infoWindow = new BMap.InfoWindow("您好，欢迎来到长春工业大学人文信息学院", opts);  // 创建信息窗口对象 
map.openInfoWindow(infoWindow, map.getCenter());      // 打开信息窗口

</script> 
</body> 
</html>
运行效果图

 



何云隆 2012-07-23 15:04 发表评论
]]>js 网页中文本块碰壁反弹特效,有控制按钮http://www.blogjava.net/hyljava/archive/2012/05/22/378760.html何云隆何云隆Tue, 22 May 2012 00:24:00 GMThttp://www.blogjava.net/hyljava/archive/2012/05/22/378760.htmlhttp://www.blogjava.net/hyljava/comments/378760.htmlhttp://www.blogjava.net/hyljava/archive/2012/05/22/378760.html#Feedback0http://www.blogjava.net/hyljava/comments/commentRss/378760.htmlhttp://www.blogjava.net/hyljava/services/trackbacks/378760.html<!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>
<style>
#text {width:500px;height:300px;border:10px red solid;margin:0 auto;position:relative;}
#div1 {width:50px;height:50px;border:5px yellow solid;position:absolute;}
</style>
</head>
<body>
<div id="text">
<div id="div1"></div>
</div>
<input type="button" value="开始"/>
<input type="button" value="变大"/>
<input type="button" value="变小"/>
<input type="button" value="停止"/>
</body>
<script type="text/javascript">
var text = document.getElementById("text");
var div1 = document.getElementById("div1");
var a = div1.offsetTop;
var b = div1.offsetLeft;
var id = true;
var id2 = true;
var ss=null;
var qw = 50;
var ge = true;
var gg = true;
function pbft(){
var width = text.clientWidth;
var height = text.clientHeight;
var width2 = div1.offsetWidth;
var height2 = div1.offsetHeight;
var width3 = width - width2;
var height3 = height - height2;
if(id){
if(b<width3){
b++;
this.div1.style.left = b + "px";
}else{
id = false;
}
}else{
if(b>0){
b--;
this.div1.style.left = b + "px";
}else{
id=true;
}
}
if(id2){
if(a<height3){
a++;
this.div1.style.top = a + "px";
}else{
id2 = false;
}
}else{
if(a>0){
a--;
this.div1.style.top = a + "px";
}else{
id2=true;
}
}
}
function dian(){
var da = document.getElementsByTagName("input")[1];
var xiao = document.getElementsByTagName("input")[2];
var stop = document.getElementsByTagName("input")[3];
var kais = document.getElementsByTagName("input")[0];
ade(da,'click',function(){bd()});
ade(xiao,'click',function(){bx()});
ade(stop,'click',function(){tz()});
ade(kais,'click',function(){ks()});
}
// Resources from http://www.veryhuo.com/down
function ade(a,b,c){
if (a.addEventListener)
{
a.addEventListener(b,c,false)
}else{
a["on"+b] = c ;
}
}
function ks(){
if (ss)
{
clearInterval(ss);
}
ss = setInterval(pbft,10);
}
function bd(){
if (qw<=200)
{
qw++;
this.div1.style.width = qw + "px";
this.div1.style.height = qw + "px";
clearTimeout(ge);
gg = setTimeout(bd,20)
}
}
function bx(){
if (qw>50)
{
qw--;
this.div1.style.width = qw + "px";
this.div1.style.height = qw + "px";
clearTimeout(gg);
ge = setTimeout(bx,20)
}
}
function tz(){
clearInterval(ss);
clearTimeout(gg);
clearTimeout(ge);
}
dian();
</script>
</html>
<!-- Liehuo Button BEGIN -->
<script type='text/javascript' src='http://www.veryhuo.com/Res/share/jscss/Liehuo_r.js?btn=r3.gif' charset=utf-8></script>
<!-- Liehuo Button END --><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
文章源自：烈火网，原文：http://www.veryhuo.com/a/view/29262.html

何云隆 2012-05-22 08:24 发表评论
]]>JS过河游戏，警察,土匪,妈妈,爸爸,女儿和儿子http://www.blogjava.net/hyljava/archive/2012/05/22/378759.html何云隆何云隆Tue, 22 May 2012 00:21:00 GMThttp://www.blogjava.net/hyljava/archive/2012/05/22/378759.htmlhttp://www.blogjava.net/hyljava/comments/378759.htmlhttp://www.blogjava.net/hyljava/archive/2012/05/22/378759.html#Feedback0http://www.blogjava.net/hyljava/comments/commentRss/378759.htmlhttp://www.blogjava.net/hyljava/services/trackbacks/378759.html<!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>JavaScript过河游戏</title>
<style type="text/css">
#content{width:800px;height:600px;border:1px #333333 solid;overflow:hidden;}
#A{width:120px;height:600px;float:left;background:#996633;}
#B{width:560px;height:600px;float:left;background:#0099FF;}
#river{width:560px;height:450px;}
#operator{width:560px;height:150px;background:#99CCFF;overflow:hidden;}
#C{width:120px;height:600px;float:right;background:#996633;}
#people{width:100px;height:20px;border:2px #000000 solid;margin:10px auto;text-

align:center;cursor:pointer;padding:10px 0px;}
#ship{width:200px;height:20px;border:1px #CC3300

solid;background:#663300;position:relative;top:150px;left:0px;text-align:center;padding:10px 0px;cursor:pointer;}
#btns{width:560px;height:40px;margin-top:10px;}
#btn{width:60px;height:20px;border:1px #000000 solid;background:#FFFFCC;text-align:center;padding:10px

0px;cursor:pointer;float:left;margin-left:210px;display:inline;}
#new{width:60px;height:20px;border:1px #000000 solid;background:#FFFFCC;text-align:center;padding:10px

0px;cursor:pointer;float:left;margin-left:10px;display:inline;}
#rule{width:560px;height:100px;margin-top:10px;font-family:宋体;font-size:12px;color:#666666;line-

height:16px;text-align:center;}
</style>
<script type="text/javascript">
var direction;  //A to C:true ; C to A:false
var people=new Array(9);
var s2Able;  //判断船2是否有人
var s1Able;  //判断船1是否有人
var pInShip1; //哪个人在船1上
var pInShip2; //哪个人在船2上
function init(){
var peopleA=document.getElementById("A").getElementsByTagName("div");
var ships=document.getElementsByName("ship");
var peopleC=document.getElementById("C").getElementsByTagName("div");
var moveBtn=document.getElementById("btn");
var newBtn=document.getElementById("new");
for(var i=0,len=peopleC.length;i<len;i++){
peopleC[i].style.visibility="hidden";
}
s1Able=true;
s2Able=true;
direction=true;
for (var i=0;i<9;i++)
{
people[i]=true;
}
//注册事件
var len=peopleA.length;
for(var j=0;j<len;j++){
(function(m){
peopleA[m].onclick = function(){
if(direction)
selectPeople(this,m+1);
};
peopleC[m].onclick = function(){
if(!direction)
selectPeople(this,m+10+1);
};
})(j);
}
ships[0].onclick=function(){
quitShip(this,pInShip1);
s1Able=true;
pInShip1=0;
};
ships[1].onclick=function(){
quitShip(this,pInShip2);
s2Able=true;
pInShip2=0;
};
moveBtn.onclick=function(){
move();
};
newBtn.onclick=function(){
window.location = window.location;
};
}
function selectPeople(obj,move_num){
var ships=document.getElementsByName("ship");
if(s1Able){
ships[0].innerHTML=obj.innerHTML;
obj.style.visibility="hidden";
s1Able=false;
pInShip1=move_num;
if(move_num>10)
people[move_num-10]=!people[move_num-10];
else
people[move_num]=!people[move_num];
}
else if(s2Able){
ships[1].innerHTML=obj.innerHTML;
obj.style.visibility="hidden";
s2Able=false;
pInShip2=move_num;
if(move_num>10)
people[move_num-10]=!people[move_num-10];
else
people[move_num]=!people[move_num];
}
// 烈火網 liehuo.net 欢迎复制,拒绝恶意采集 ｌｉｅｈｕｏ．ｎｅｔ
else{
alert("船上最多两个人，已满!");
}
}
function quitShip(obj,quitId){
if(obj.innerHTML != ""){
var peopleA=document.getElementById("A").getElementsByTagName("div");
var peopleC=document.getElementById("C").getElementsByTagName("div");
if(quitId > 10){
peopleC[quitId-10-1].style.visibility="visible";
people[quitId-10]=!people[quitId-10];
}
else{
peopleA[quitId-1].style.visibility="visible";
people[quitId]=!people[quitId];
}
obj.innerHTML="";
}
}
function motherCheck(){
if(people[1]==people[5])
{
if(people[4]!=people[1])
{
alert("妈妈打儿子1");
return false;
}
}
if(people[1]==people[6])
{
if(people[4]!=people[1])
{
alert("妈妈打儿子2");
return false;
}
}
return true;
}
function fatherCheck(){
if(people[4]==people[2])
{
if(people[1]!=people[4])
{
alert("爸爸打女儿1");
return false;
}
}
if(people[4]==people[3])
{
if(people[1]!=people[4])
{
alert("爸爸打女儿2");
return false;
}
}
return true;
}
function policeCheck(){
if(people[7]!=people[8])
{
for(var i=1;i<8;i++)
{
if(people[8]==people[i])
{
alert("犯人伤人");
return false;
}
}
}
return true;
}
function atoc(peopleId){
var peopleC=document.getElementById("C").getElementsByTagName("div");
var ships=document.getElementsByName("ship");
var tempId;
if(peopleId > 10){
tempId = peopleId - 10 -1;
}
else
tempId = peopleId - 1;
if(tempId >= 0)
peopleC[tempId].style.visibility="visible";
for(var i=0,len=ships.length;i<len;i++){
ships[i].style.left = "360px";
ships[i].innerHTML = "";
}
}
function ctoa(peopleId){
var peopleA=document.getElementById("A").getElementsByTagName("div");
var ships=document.getElementsByName("ship");
var tempId;
if(peopleId > 10){
tempId = peopleId - 10 -1;
}
else
tempId = peopleId - 1;
if(tempId >= 0)
peopleA[tempId].style.visibility="visible";
for(var i=0,len=ships.length;i<len;i++){
ships[i].style.left = "0px";
ships[i].innerHTML = "";
}
}
function move(){
if(pInShip1==1 || pInShip1==4 || pInShip1==7 ||
pInShip1==11 || pInShip1==14 || pInShip1==17 ||
pInShip2==1 || pInShip2==4 || pInShip2==7 ||
pInShip2==11 || pInShip2==14 || pInShip2==17
)  //开动船只的人只能是爸爸妈妈或者是警察
{
if (motherCheck()&& fatherCheck() && policeCheck())
{
if(direction)
{
atoc(pInShip1);
atoc(pInShip2);
direction=false;
}
else
{
ctoa(pInShip1);
ctoa(pInShip2);
direction=true;
}
s1Able=s2Able=true;
pInShip1=pInShip2=0;
var peopleC=document.getElementById("C").getElementsByTagName("div");
var result = true;
for(var i=0,len=peopleC.length;i<len;i++){
if(peopleC[i].style.visibility=="hidden"){
result = false;
break;
}
}
if(result){
alert("你真厉害！");
window.location = window.location;
}
}
}
else
alert("只有妈妈、爸爸和警察能撑船！");
}
window.onload = function(){
init();
};
</script>
</head>
<body>
<div id="content">
<div id="A">
<div id="people" name="people">妈妈</div>
<div id="people" name="people">女儿1</div>
<div id="people" name="people">女儿2</div>
<div id="people" name="people">爸爸</div>
<div id="people" name="people">儿子1</div>
<div id="people" name="people">儿子2</div>
<div id="people" name="people">警察</div>
<div id="people" name="people">土匪</div>
</div>
<div id="B">
<div id="river">
<div id="ship" name="ship"></div>
<div id="ship" name="ship"></div>
</div>
<div id="operator">
<div id="btns">
<div id="btn">移动</div>
<div id="new">重玩</div>
</div>
<div id="rule">
游戏规则：<br />
1.无论大人、小孩，每次最多只能承载两人。2.只有爸爸、妈妈、警察可以驾船。<br />
3.妈妈看到爸爸离开儿子打儿子。4.爸爸看到妈妈离开女儿打女儿。<br />
5.土匪离开警察会伤害家人。6.先选择人物，然后点击"移动"按钮。<br />
7.移动过程中若出现提示，说明违反上述规则。
</div>
</div>
</div>
<div id="C">
<div id="people" name="people">妈妈</div>
<div id="people" name="people">女儿1</div>
<div id="people" name="people">女儿2</div>
<div id="people" name="people">爸爸</div>
<div id="people" name="people">儿子1</div>
<div id="people" name="people">儿子2</div>
<div id="people" name="people">警察</div>
<div id="people" name="people">土匪</div>
</div>
</div>
</body>
</html>



何云隆 2012-05-22 08:21 发表评论
]]>用js获得并且检验验证码http://www.blogjava.net/hyljava/archive/2012/05/22/378758.html何云隆何云隆Tue, 22 May 2012 00:12:00 GMThttp://www.blogjava.net/hyljava/archive/2012/05/22/378758.htmlhttp://www.blogjava.net/hyljava/comments/378758.htmlhttp://www.blogjava.net/hyljava/archive/2012/05/22/378758.html#Feedback0http://www.blogjava.net/hyljava/comments/commentRss/378758.htmlhttp://www.blogjava.net/hyljava/services/trackbacks/378758.html<html>
<head>
<style type="text/css">
.code{
background-image:url(111.jpg);
font-family:Arial;
font-style:italic;
color:green;
border:0;
padding:2px 3px;
letter-spacing:3px;
font-weight:bolder;
}
.unchanged {
border:0;
}
</style>
<script language="javascript" type="text/javascript">
var code ; //在全局 定义验证码
function createCode(){
code = "";
var codeLength = 4;//验证码的长度
var checkCode = document.getElementById("checkCode");
checkCode.value = "";

var selectChar = new Array(2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','J','K','L','M','N','P','Q','R','S','T','U','V','W','X','Y','Z');

for(var i=0;i<codeLength;i++) {
   var charIndex = Math.floor(Math.random()*32);
   code +=selectChar[charIndex];
}
if(code.length != codeLength){
   createCode();
}
checkCode.value = code;
}

function validate () {
var inputCode = document.getElementById("input1").value.toUpperCase();

if(inputCode.length <=0) {
   alert("请输入验证码！");
   return false;
}
else if(inputCode != code ){
   alert("验证码输入错误！");
   createCode();
   return false;
}
else {
   alert("OK");
   return true;
}

}
</script>
</head>
<body onload="createCode();">
<input type="text" id="input1" />
<input type="text" id="checkCode" class="code" style="width: 55px" /> <a href="#" onclick="createCode()">看不清楚</a><br /><br />
<center><input id="Button1" onclick="validate();" type="button" value="确定" /></center>
<script></script>
</body>
</html>

 



何云隆 2012-05-22 08:12 发表评论
]]>js来处理用户点选日历，规范化用户日期输入http://www.blogjava.net/hyljava/archive/2012/05/21/378648.html何云隆何云隆Mon, 21 May 2012 00:35:00 GMThttp://www.blogjava.net/hyljava/archive/2012/05/21/378648.htmlhttp://www.blogjava.net/hyljava/comments/378648.htmlhttp://www.blogjava.net/hyljava/archive/2012/05/21/378648.html#Feedback0http://www.blogjava.net/hyljava/comments/commentRss/378648.htmlhttp://www.blogjava.net/hyljava/services/trackbacks/378648.htmlfunction HS_DateAdd(interval,number,date){
 number = parseInt(number);
 if (typeof(date)=="string"){var date = new Date(date.split("-")[0],date.split("-")[1],date.split("-")[2])}
 if (typeof(date)=="object"){var date = date}
 switch(interval){
 case "y":return new Date(date.getFullYear()+number,date.getMonth(),date.getDate()); break;
 case "m":return new Date(date.getFullYear(),date.getMonth()+number,checkDate(date.getFullYear(),date.getMonth()+number,date.getDate())); break;
 case "d":return new Date(date.getFullYear(),date.getMonth(),date.getDate()+number); break;
 case "w":return new Date(date.getFullYear(),date.getMonth(),7*number+date.getDate()); break;
 }
}
function checkDate(year,month,date){
 var enddate = ["31","28","31","30","31","30","31","31","30","31","30","31"];
 var returnDate = "";
 if (year%4==0){enddate[1]="29"}
 if (date>enddate[month]){returnDate = enddate[month]}else{returnDate = date}
 return returnDate;
}

function WeekDay(date){
 var theDate;
 if (typeof(date)=="string"){theDate = new Date(date.split("-")[0],date.split("-")[1],date.split("-")[2]);}
 if (typeof(date)=="object"){theDate = date}
 return theDate.getDay();
}
function HS_calender(){
 var lis = "";
 var style = "";
 style +="<style type='text/css'>";
 style +=".calender { width:170px; height:auto; font-size:12px; margin-right:14px; background:url(calenderbg.gif) no-repeat right center #fff; border:1px solid #397EAE; padding:1px}";
 style +=".calender ul {list-style-type:none; margin:0; padding:0;}";
 style +=".calender .day { background-color:#EDF5FF; height:20px;}";
 style +=".calender .day li,.calender .date li{ float:left; width:14%; height:20px; line-height:20px; text-align:center}";
 style +=".calender li a { text-decoration:none; font-family:Tahoma; font-size:11px; color:#333}";
 style +=".calender li a:hover { color:#f30; text-decoration:underline}";
 style +=".calender li a.hasArticle {font-weight:bold; color:#f60 !important}";
 style +=".lastMonthDate, .nextMonthDate {color:#bbb;font-size:11px}";
 style +=".selectThisYear a, .selectThisMonth a{text-decoration:none; margin:0 2px; color:#000; font-weight:bold}";
 style +=".calender .LastMonth, .calender .NextMonth{ text-decoration:none; color:#000; font-size:18px; font-weight:bold; line-height:16px;}";
 style +=".calender .LastMonth { float:left;}";
 style +=".calender .NextMonth { float:right;}";
 style +=".calenderBody {clear:both}";
 style +=".calenderTitle {text-align:center;height:20px; line-height:20px; clear:both}";
 style +=".today { background-color:#ffffaa;border:1px solid #f60; padding:2px}";
 style +=".today a { color:#f30; }";
 style +=".calenderBottom {clear:both; border-top:1px solid #ddd; padding: 3px 0; text-align:left}";
 style +=".calenderBottom a {text-decoration:none; margin:2px !important; font-weight:bold; color:#000}";
 style +=".calenderBottom a.closeCalender{float:right}";
 style +=".closeCalenderBox {float:right; border:1px solid #000; background:#fff; font-size:9px; width:11px; height:11px; line-height:11px; text-align:center;overflow:hidden; font-weight:normal !important}";
 style +="</style>";

 var now;
 if (typeof(arguments[0])=="string"){
  selectDate = arguments[0].split("-");
  var year = selectDate[0];
  var month = parseInt(selectDate[1])-1+"";
  var date = selectDate[2];
  now = new Date(year,month,date);
 }else if (typeof(arguments[0])=="object"){
  now = arguments[0];
 }
 var lastMonthEndDate = HS_DateAdd("d","-1",now.getFullYear()+"-"+now.getMonth()+"-01").getDate();
 var lastMonthDate = WeekDay(now.getFullYear()+"-"+now.getMonth()+"-01");
 var thisMonthLastDate = HS_DateAdd("d","-1",now.getFullYear()+"-"+(parseInt(now.getMonth())+1).toString()+"-01");
 var thisMonthEndDate = thisMonthLastDate.getDate();
 var thisMonthEndDay = thisMonthLastDate.getDay();
 var todayObj = new Date();
 today = todayObj.getFullYear()+"-"+todayObj.getMonth()+"-"+todayObj.getDate();
 
 for (i=0; i<lastMonthDate; i++){  // Last Month's Date
  lis = "<li class='lastMonthDate'>"+lastMonthEndDate+"</li>" + lis;
  lastMonthEndDate--;
 }
 for (i=1; i<=thisMonthEndDate; i++){ // Current Month's Date

  if(today == now.getFullYear()+"-"+now.getMonth()+"-"+i){
   var todayString = now.getFullYear()+"-"+(parseInt(now.getMonth())+1).toString()+"-"+i;
   lis += "<li><a href=javascript:void(0) class='today' onclick='_selectThisDay(this)' title='"+now.getFullYear()+"-"+(parseInt(now.getMonth())+1)+"-"+i+"'>"+i+"</a></li>";
  }else{
   lis += "<li><a href=javascript:void(0) onclick='_selectThisDay(this)' title='"+now.getFullYear()+"-"+(parseInt(now.getMonth())+1)+"-"+i+"'>"+i+"</a></li>";
  }
  
 }
 var j=1;
 for (i=thisMonthEndDay; i<6; i++){  // Next Month's Date
  lis += "<li class='nextMonthDate'>"+j+"</li>";
  j++;
 }
 lis += style;

 var CalenderTitle = "<a href='javascript:void(0)' class='NextMonth' onclick=HS_calender(HS_DateAdd('m',1,'"+now.getFullYear()+"-"+now.getMonth()+"-"+now.getDate()+"'),this) title='Next Month'>&raquo;</a>";
 CalenderTitle += "<a href='javascript:void(0)' class='LastMonth' onclick=HS_calender(HS_DateAdd('m',-1,'"+now.getFullYear()+"-"+now.getMonth()+"-"+now.getDate()+"'),this) title='Previous Month'>&laquo;</a>";
 CalenderTitle += "<span class='selectThisYear'><a href='javascript:void(0)' onclick='CalenderselectYear(this)' title='Click here to select other year' >"+now.getFullYear()+"</a></span>年<span class='selectThisMonth'><a href='javascript:void(0)' onclick='CalenderselectMonth(this)' title='Click here to select other month'>"+(parseInt(now.getMonth())+1).toString()+"</a></span>月";

 if (arguments.length>1){
  arguments[1].parentNode.parentNode.getElementsByTagName("ul")[1].innerHTML = lis;
  arguments[1].parentNode.innerHTML = CalenderTitle;

 }else{
  var CalenderBox = style+"<div class='calender'><div class='calenderTitle'>"+CalenderTitle+"</div><div class='calenderBody'><ul class='day'><li>日</li><li>一</li><li>二</li><li>三</li><li>四</li><li>五</li><li>六</li></ul><ul class='date' id='thisMonthDate'>"+lis+"</ul></div><div class='calenderBottom'><a href='javascript:void(0)' class='closeCalender' onclick='closeCalender(this)'>×</a><span><span><a href=javascript:void(0) onclick='_selectThisDay(this)' title='"+todayString+"'>Today</a></span></span></div></div>";
  return CalenderBox;
 }
}
function _selectThisDay(d){
 var boxObj = d.parentNode.parentNode.parentNode.parentNode.parentNode;
  boxObj.targetObj.value = d.title;
  boxObj.parentNode.removeChild(boxObj);
}
function closeCalender(d){
 var boxObj = d.parentNode.parentNode.parentNode;
  boxObj.parentNode.removeChild(boxObj);
}

function CalenderselectYear(obj){
  var opt = "";
  var thisYear = obj.innerHTML;
  for (i=1970; i<=2020; i++){
   if (i==thisYear){
    opt += "<option value="+i+" selected>"+i+"</option>";
   }else{
    opt += "<option value="+i+">"+i+"</option>";
   }
  }
  opt = "<select onblur='selectThisYear(this)' onchange='selectThisYear(this)' style='font-size:11px'>"+opt+"</select>";
  obj.parentNode.innerHTML = opt;
}

function selectThisYear(obj){
 HS_calender(obj.value+"-"+obj.parentNode.parentNode.getElementsByTagName("span")[1].getElementsByTagName("a")[0].innerHTML+"-1",obj.parentNode);
}

function CalenderselectMonth(obj){
  var opt = "";
  var thisMonth = obj.innerHTML;
  for (i=1; i<=12; i++){
   if (i==thisMonth){
    opt += "<option value="+i+" selected>"+i+"</option>";
   }else{
    opt += "<option value="+i+">"+i+"</option>";
   }
  }
  opt = "<select onblur='selectThisMonth(this)' onchange='selectThisMonth(this)' style='font-size:11px'>"+opt+"</select>";
  obj.parentNode.innerHTML = opt;
}
function selectThisMonth(obj){
 HS_calender(obj.parentNode.parentNode.getElementsByTagName("span")[0].getElementsByTagName("a")[0].innerHTML+"-"+obj.value+"-1",obj.parentNode);
}
function HS_setDate(inputObj){
 var calenderObj = document.createElement("span");
 calenderObj.innerHTML = HS_calender(new Date());
 calenderObj.style.position = "absolute";
 calenderObj.targetObj = inputObj;
 inputObj.parentNode.insertBefore(calenderObj,inputObj.nextSibling);
}



在调用时，只需用光标事件引发即可，即onfocus="HS_setDate(this)"

何云隆 2012-05-21 08:35 发表评论
]]>js 弹出窗口http://www.blogjava.net/hyljava/archive/2012/05/15/378195.html何云隆何云隆Tue, 15 May 2012 08:13:00 GMThttp://www.blogjava.net/hyljava/archive/2012/05/15/378195.htmlhttp://www.blogjava.net/hyljava/comments/378195.htmlhttp://www.blogjava.net/hyljava/archive/2012/05/15/378195.html#Feedback0http://www.blogjava.net/hyljava/comments/commentRss/378195.htmlhttp://www.blogjava.net/hyljava/services/trackbacks/378195.html

function onclick_check2() {
   var popup_width = 400;
   var popup_height = 350;
   var popup_left = (screen.width - popup_width) / 2;
   var popup_top = (screen.height - popup_height) / 2;
   var popup_scrollbars = "no";
 
   var popup_property = "width=" + popup_width;
   var popup_property = popup_property + ",height=" + popup_height;
   var popup_property = popup_property + ",left=" + popup_left;
   var popup_property = popup_property + ",top=" + popup_top;
   var popup_property = popup_property + ",scrollbars=" + popup_scrollbars;
 
   window.open('<%=request.getContextPath()%>/commu/pop_post.jsp','zipcode',popup_property);
 } 



何云隆 2012-05-15 16:13 发表评论
]]>解决URL传非英文、数字乱码问题 http://www.blogjava.net/hyljava/archive/2012/05/11/377921.html何云隆何云隆Fri, 11 May 2012 08:40:00 GMThttp://www.blogjava.net/hyljava/archive/2012/05/11/377921.htmlhttp://www.blogjava.net/hyljava/comments/377921.htmlhttp://www.blogjava.net/hyljava/archive/2012/05/11/377921.html#Feedback0http://www.blogjava.net/hyljava/comments/commentRss/377921.htmlhttp://www.blogjava.net/hyljava/services/trackbacks/377921.html <script language="javascript">
                var name1=encodeURI("<%=name%>");
          var name2=encodeURI(name1);
       window.location.href="qnaWrite.jsp?qname="+name2;
</script>

接收页面：
<%
            String   name=java.net.URLDecoder.decode(request.getParameter("qname"),"utf-8");
 %>

何云隆 2012-05-11 16:40 发表评论
]]>js表单验证控制代码http://www.blogjava.net/hyljava/archive/2012/04/23/376414.html何云隆何云隆Mon, 23 Apr 2012 12:02:00 GMThttp://www.blogjava.net/hyljava/archive/2012/04/23/376414.htmlhttp://www.blogjava.net/hyljava/comments/376414.htmlhttp://www.blogjava.net/hyljava/archive/2012/04/23/376414.html#Feedback0http://www.blogjava.net/hyljava/comments/commentRss/376414.htmlhttp://www.blogjava.net/hyljava/services/trackbacks/376414.html 

/*

目录:

1:js 字符串长度限制、判断字符长度 、js限制输入、限制不能输入、textarea 长度限制

2.:js判断汉字、判断是否汉字 、只能输入汉字

3:js判断是否输入英文、只能输入英文

4:js只能输入数字,判断数字、验证数字、检测数字、判断是否为数字、只能输入数字

5:只能输入英文字符和数字

6: js email验证 、js 判断email 、信箱/邮箱格式验证

7:js字符过滤,屏蔽关键字

8:js密码验证、判断密码

2.1: js 不为空、为空或不是对象 、判断为空 、判断不为空

2.2:比较两个表单项的值是否相同

2.3:表单只能为数字和"_",

2.4:表单项输入数值/长度限定

2.5:中文/英文/数字/邮件地址合法性判断

2.6:限定表单项不能输入的字符

2.7表单的自符控制

1. 检查一段字符串是否全由数字组成

2. 怎么判断是否是字符

3. 怎么判断是否含有汉字

4. 邮箱格式验证

5. 数字格式验证

6. 电话号码格式验证

7. 判断输入是否为中文的函数

8. 综合的判断用户输入的合法性的函数

9. 判断密码是否输入一致

10. 判断用户名是否为数字字母下滑线

2.8:form文本域的通用校验函数

*/

1. 长度限制

<script>

function test()

{

if(document.a.b.value.length>50)

{

alert("不能超过50个字符！");

document.a.b.focus();

return false;

}

}

</script>

<form name=a onsubmit="return test()">

<textarea name="b" cols="40" wrap="VIRTUAL" rows="6"></textarea>

<input type="submit" name="Submit" value="check">

</form>

 

2. 只能是汉字

<input onkeyup="value="/oblog/value.replace(/[^\u4E00-\u9FA5]/g,'')">

 

3." 只能是英文

<script language=javascript>

function onlyEng()

{

if(!(event.keyCode>=65&&event.keyCode<=90))

event.returnvalue=false;

}

</script>

 

<input onkeydown="onlyEng();">

 

4. 只能是数字

<script language=javascript>

function onlyNum()

{

if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))

//考虑小键盘上的数字键

event.returnvalue=false;

}

</script>

 

<input onkeydown="onlyNum();">

 

5. 只能是英文字符和数字

<input onkeyup="value="/oblog/value.replace(/[\W]/g,"'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

 

6. 验证油箱格式

<SCRIPT LANGUAGE=javascript RUNAT=Server>

function isEmail(strEmail) {

if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)

return true;

else

alert("oh");

}

</SCRIPT>

<input type=text onblur=isEmail(this.value)>

 

7. 屏蔽关键字(这里屏蔽***和****)

<script language="javascript1.2">

function test() {

if((a.b.value.indexOf ("***") == 0)||(a.b.value.indexOf ("****") == 0)){

alert(":)");

a.b.focus();

return false;}

}

</script>

<form name=a onsubmit="return test()">

<input type=text name=b>

<input type="submit" name="Submit" value="check">

</form>

 

8. 两次输入密码是否相同

<FORM METHOD=POST ACTION="">

<input type="password" id="input1">

<input type="password" id="input2">

<input type="button" value="test" onclick="check()">

</FORM>

<script>

function check()

{

with(document.all){

if(input1.value!=input2.value)

{

alert("false")

input1.value = "";

input2.value = "";

}

else document.forms[0].submit();

}

}

</script>

够了吧 :)

屏蔽右键 很酷

oncontextmenu="return false" ondragstart="return false" onselectstart="return false"

加在body中

 

 

二

 

2.1 表单项不能为空

 

<script language="javascript">

<!--

function CheckForm()

{

if (document.form.name.value.length == 0) {

alert("请输入您姓名!");

document.form.name.focus();

return false;

}

return true;

}

-->

</script>

 

2.2 比较两个表单项的值是否相同

 

<script language="javascript">

<!--

function CheckForm()

if (document.form.PWD.value != document.form.PWD_Again.value) {

alert("您两次输入的密码不一样！请重新输入.");

document.ADDUser.PWD.focus();

return false;

}

return true;

}

-->

</script>

 

2.3 表单项只能为数字和"_",用于电话/银行帐号验证上,可扩展到域名注册等

 

<script language="javascript">

<!--

function isNumber(String)

{

var Letters = "1234567890-"; //可以自己增加可输入值

var i;

var c;

if(String.charAt( 0 )=='-')

return false;

if( String.charAt( String.length - 1 ) == '-' )

return false;

for( i = 0; i < String.length; i ++ )

{

c = String.charAt( i );

if (Letters.indexOf( c ) < 0)

return false;

}

return true;

}

function CheckForm()

{

if(! isNumber(document.form.TEL.value)) {

alert("您的电话号码不合法！");

document.form.TEL.focus();

return false;

}

return true;

}

-->

</script>

 

 

2.4 表单项输入数值/长度限定

 

<script language="javascript">

<!--

function CheckForm()

{

if (document.form.count.value > 100 || document.form.count.value < 1)

{

alert("输入数值不能小于零大于100!");

document.form.count.focus();

return false;

}

if (document.form.MESSAGE.value.length<10)

{

alert("输入文字小于10!");

document.form.MESSAGE.focus();

return false;

}

return true;

}

//-->

</script>

 

2.5 中文/英文/数字/邮件地址合法性判断

 

<SCRIPT LANGUAGE="javascript">

<!--

 

function isEnglish(name) //英文值检测

{

if(name.length == 0)

return false;

for(i = 0; i < name.length; i++) {

if(name.charCodeAt(i) > 128)

return false;

}

return true;

}

 

function isChinese(name) //中文值检测

{

if(name.length == 0)

return false;

for(i = 0; i < name.length; i++) {

if(name.charCodeAt(i) > 128)

return true;

}

return false;

}

 

function isMail(name) // E-mail值检测

{

if(! isEnglish(name))

return false;

i = name.indexOf(" at ");

j = name dot lastIndexOf(" at ");

if(i == -1)

return false;

if(i != j)

return false;

if(i == name dot length)

return false;

return true;

}

 

function isNumber(name) //数值检测

{

if(name.length == 0)

return false;

for(i = 0; i < name.length; i++) {

if(name.charAt(i) < "0" || name.charAt(i) > "9")

return false;

}

return true;

}

 

function CheckForm()

{

if(! isMail(form.Email.value)) {

alert("您的电子邮件不合法！");

form.Email.focus();

return false;

}

if(! isEnglish(form.name.value)) {

alert("英文名不合法！");

form.name.focus();

return false;

}

if(! isChinese(form.cnname.value)) {

alert("中文名不合法！");

form.cnname.focus();

return false;

}

if(! isNumber(form.PublicZipCode.value)) {

alert("邮政编码不合法！");

form.PublicZipCode.focus();

return false;

}

return true;

}

//-->

</SCRIPT>

 

2.6 限定表单项不能输入的字符

 

<script language="javascript">

<!--

 

function contain(str,charset)// 字符串包含测试函数

{

var i;

for(i=0;i<charset.length;i++)

if(str.indexOf(charset.charAt(i))>=0)

return true;

return false;

}

 

function CheckForm()

{

if ((contain(document.form.NAME.value, "%\(\)><")) || (contain(document.form.MESSAGE.value, "%\(\)><")))

{

alert("输入了非法字符");

document.form.NAME.focus();

return false;

}

return true;

}

//-->

</script>

 

1. 检查一段字符串是否全由数字组成

---------------------------------------

<script language="Javascript"><!--

function checkNum(str){return str.match(/\D/)==null}

alert(checkNum("1232142141"))

alert(checkNum("123214214a1"))

// --></script>

 

2. 怎么判断是否是字符

---------------------------------------

if (/[^\x00-\xff]/g.test(s)) alert("含有汉字");

else alert("全是字符");

 

3. 怎么判断是否含有汉字

---------------------------------------

if (escape(str).indexOf("%u")!=-1) alert("含有汉字");

else alert("全是字符");

 

4. 邮箱格式验证

---------------------------------------

//函数名：chkemail

//功能介绍：检查是否为Email Address

//参数说明：要检查的字符串

//返回值：0：不是 1：是

function chkemail(a)

{ var i=a.length;

var temp = a.indexOf('@');

var tempd = a.indexOf('.');

if (temp > 1) {

if ((i-temp) > 3){

if ((i-tempd)>0){

return 1;

}

 

}

}

return 0;

}

 

5. 数字格式验证

---------------------------------------

//函数名：fucCheckNUM

//功能介绍：检查是否为数字

//参数说明：要检查的数字

//返回值：1为是数字，0为不是数字

function fucCheckNUM(NUM)

{

var i,j,strTemp;

strTemp="0123456789";

if ( NUM.length== 0)

return 0

for (i=0;i<NUM.length;i++)

{

j=strTemp.indexOf(NUM.charAt(i));

if (j==-1)

{

//说明有字符不是数字

return 0;

}

}

//说明是数字

return 1;

}

 

6. 电话号码格式验证

---------------------------------------

//函数名：fucCheckTEL

//功能介绍：检查是否为电话号码

//参数说明：要检查的字符串

//返回值：1为是合法，0为不合法

function fucCheckTEL(TEL)

{

var i,j,strTemp;

strTemp="0123456789-()# ";

for (i=0;i<TEL.length;i++)

{

j=strTemp.indexOf(TEL.charAt(i));

if (j==-1)

{

//说明有字符不合法

return 0;

}

}

//说明合法

return 1;

}

 

7. 判断输入是否为中文的函数

---------------------------------------

function ischinese(s){

var ret=true;

for(var i=0;i<s.length;i++)

ret=ret && (s.charCodeAt(i)>=10000);

return ret;

}

 

8. 综合的判断用户输入的合法性的函数

---------------------------------------

<script language="javascript">

//限制输入字符的位数开始

//m是用户输入，n是要限制的位数

function issmall(m,n)

{

if ((m<n) && (m>0))

{

return(false);

}

else

{return(true);}

}

 

9. 判断密码是否输入一致

---------------------------------------

function issame(str1,str2)

{

if (str1==str2)

{return(true);}

else

{return(false);}

}

 

10. 判断用户名是否为数字字母下滑线

---------------------------------------

function notchinese(str){

var reg=/[^A-Za-z0-9_]/g

if (reg.test(str)){

return (false);

}else{

return(true); }

}

 

2.8. form文本域的通用校验函数

---------------------------------------

作用：检测所有必须非空的input文本，比如姓名，账号，邮件地址等等。

该校验现在只针对文本域，如果要针对form里面的其他域对象，可以改变判断条件。

 

使用方法：在要检测的文本域中加入title文字。文字是在提示信息，你要提示给用户的该字段的中文名。比如要检测用户名

html如下<input name="txt_1" title="姓名">,当然，最好用可视化工具比如dreamweaver什么的来编辑域。

如果要检测数字类型数据的话，再把域的id统一为sz.

javascript判断日期类型比较麻烦，所以就没有做日期类型校验的程序了.高手可以补充。

 

程序比较草，只是提供一个思路。抛砖引玉！ ：）

哦，对了，函数调用方法：< form onsubmit="return dovalidate()">

 

function dovalidate()

{

fm=document.forms[0] //只检测一个form,如果是多个可以改变判断条件

for(i=0;i<fm.length;i++)

{

//检测判断条件，根据类型不同可以修改

if(fm[i].tagName.toUpperCase()=="INPUT" &&fm[i].type.toUpperCase()=="TEXT" && (fm[i].title!=""))

 

if(fm[i].value="/blog/="")//

{

str_warn1=fm[i].title+"不能为空!";

alert(str_warn1);

fm[i].focus();

return false;

}

if(fm[i].id.toUpperCase()=="SZ")//数字校验

{

if(isNaN(fm[i].value))

{ str_warn2=fm[i].title+"格式不对";

alert(str_warn2);

fm[i].focus();

return false;

}

}

}

return true;

}



何云隆 2012-04-23 20:02 发表评论
]]>