BlogJava-我的漫漫程序之旅-文章分类-JavaScripthttp://www.blogjava.net/supercrsky/category/27726.html专注于JavaWeb开发zh-cnSat, 31 May 2008 00:45:43 GMTSat, 31 May 2008 00:45:43 GMT60超好用的JS验证框架(LiveValidation)http://www.blogjava.net/supercrsky/articles/204130.html々上善若水々々上善若水々Fri, 30 May 2008 08:48:00 GMThttp://www.blogjava.net/supercrsky/articles/204130.htmlhttp://www.blogjava.net/supercrsky/comments/204130.htmlhttp://www.blogjava.net/supercrsky/articles/204130.html#Feedback2http://www.blogjava.net/supercrsky/comments/commentRss/204130.htmlhttp://www.blogjava.net/supercrsky/services/trackbacks/204130.html这个验证表单超强。

 

输入 hello : 请输入hello!
非空 : Thankyou!
格式 (包含 live ): 无效!
正则表达式



 

数字验证(任何数字): 必须是数字!
数字验证(必须为整型): 必须是数字!
具体数字验证: 必须是数字!
大于数字验证： 必须是数字!
小于数字验证 : 必须是数字!
在2个数字之间..能用小数(2000--2003)： 必须是数字!
在2个数字之间..不能用小数(2000--2003)： 必须是数字!



长度验证(等于4位)：
长度验证(大于等于4位)：
长度验证(小于等于4位)：
长度验证(4和8个字符长度)：


精确匹配(输入cssrain或者our或者cake):
部分匹配:


跟上面2个例子相反（一个是包括，一个是排除）
排斥精确匹配(输入cssrain或者our或者cake):
排斥部分匹配:


验证复选框:
密码确认：
确认密码:
Email验证:
Email验证(综合校验不能小于10大于20位)

经过我的修改，提示信息已经是中文的。用户可以根据自己的需要修改相应的提示信息。
 

 

LiveValidation中文修改版下载



々上善若水々 2008-05-30 16:48 发表评论
]]>用JavaScript计算字符串占用字节数 http://www.blogjava.net/supercrsky/articles/204023.html々上善若水々々上善若水々Fri, 30 May 2008 02:09:00 GMThttp://www.blogjava.net/supercrsky/articles/204023.htmlhttp://www.blogjava.net/supercrsky/comments/204023.htmlhttp://www.blogjava.net/supercrsky/articles/204023.html#Feedback0http://www.blogjava.net/supercrsky/comments/commentRss/204023.htmlhttp://www.blogjava.net/supercrsky/services/trackbacks/204023.html原帖地址

最近和JavaScript纠缠上了。

遇到这么一个问题，数据库的字符集为UTF-8的，要在页面上使用JavaScript验证输入的文本用UTF-8存储时占用字节长度。JavaScript的String对象有length属性，但是这个计算的是字符数，不是字节数（问题总是翻来覆去的，记得当年玩Delphi的时候，还得写程序计算字符串的字符数，因为Delphi中String的length是字节数...）。偷懒一点的办法是将验证代码中最大长度设置为数据库中对应字段的长度的1/3，但是这样准确来说有点不合适。

所以想办法在JavaScript中判断在UTF-8下存储的String的字节数，在网上找到很多关于Unicode介绍的文档，最重要的是字符编码数值对应的存储长度：

UCS-2编码(16进制) UTF-8 字节流(二进制)
0000 - 007F 0xxxxxxx （1字节）
0080 - 07FF 110xxxxx 10xxxxxx （2字节）
0800 - FFFF 1110xxxx 10xxxxxx 10xxxxxx （3字节）

 

于是代码如下：

 

function mbStringLength(s) {
        var totalLength = 0;
        var i;
        var charCode;
        for (i = 0; i < s.length; i++) {
          charCode = s.charCodeAt(i);
          if (charCode < 0x007f) {
            totalLength = totalLength + 1;
          } else if ((0x0080 <= charCode) && (charCode <= 0x07ff)) {
            totalLength += 2;
          } else if ((0x0800 <= charCode) && (charCode <= 0xffff)) {
            totalLength += 3;
          }
        }
        //alert(totalLength);
        return totalLength;
      } 

 

 

实际上,0x0080到0x07ff之间的字符很少会在实际用户输入中用到。

 

参考文档：

程序员趣味读物：谈谈Unicode编码 http://www.lihuasoft.net/article/show.php?id=2778



々上善若水々 2008-05-30 10:09 发表评论
]]>超强的Javascript仿QQ导航菜单http://www.blogjava.net/supercrsky/articles/200960.html々上善若水々々上善若水々Fri, 16 May 2008 09:10:00 GMThttp://www.blogjava.net/supercrsky/articles/200960.htmlhttp://www.blogjava.net/supercrsky/comments/200960.htmlhttp://www.blogjava.net/supercrsky/articles/200960.html#Feedback1http://www.blogjava.net/supercrsky/comments/commentRss/200960.htmlhttp://www.blogjava.net/supercrsky/services/trackbacks/200960.html阅读全文

々上善若水々 2008-05-16 17:10 发表评论
]]>验证文件扩展名的jshttp://www.blogjava.net/supercrsky/articles/200417.html々上善若水々々上善若水々Wed, 14 May 2008 08:04:00 GMThttp://www.blogjava.net/supercrsky/articles/200417.htmlhttp://www.blogjava.net/supercrsky/comments/200417.htmlhttp://www.blogjava.net/supercrsky/articles/200417.html#Feedback0http://www.blogjava.net/supercrsky/comments/commentRss/200417.htmlhttp://www.blogjava.net/supercrsky/services/trackbacks/200417.html/**
        验证文件扩展名是否合法
    **/
   function  checkFiles(str)
   {
        var strRegex = "(.jpg|.png|.gif|.ps|.jpeg)$"; //用于验证图片扩展名的正则表达式
        var re=new RegExp(strRegex);
        if (re.test(str.toLowerCase())){
            return true;
        }
        else{
            alert("文件名不合法,文件的扩展名必须为jpg,jpeg,gif或ps格式"); 
            return false;
        }
   }

々上善若水々 2008-05-14 16:04 发表评论
]]>计算两个日期之间的工作日和非工作日(转自浪曦)http://www.blogjava.net/supercrsky/articles/197438.html々上善若水々々上善若水々Wed, 30 Apr 2008 01:10:00 GMThttp://www.blogjava.net/supercrsky/articles/197438.htmlhttp://www.blogjava.net/supercrsky/comments/197438.htmlhttp://www.blogjava.net/supercrsky/articles/197438.html#Feedback0http://www.blogjava.net/supercrsky/comments/commentRss/197438.htmlhttp://www.blogjava.net/supercrsky/services/trackbacks/197438.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> 作者：风中叶 </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">

<SCRIPT LANGUAGE="JavaScript">
  //将string转换为Date
  //str必须满足如下格式: 2008-04-29
  function convertString2Date(str)
  {
   //用户split分隔出数组,将包含3个元素:年,月,日
   var splitArray = str.split("-");
   
   // 用年,月,日构造日期对象
   // splitArray[0]-> year, splitArray[1]-> month, splitArray[2]->day
   // 这时要注意月份是从0开始的
   var date = new Date(splitArray[0], splitArray[1] - 1, splitArray[2]);
  
   return date;
  }

  // 得到date1和date2之间的间隔
  // date2要比date1大
  // date要满足如下格式: 2008-04-29
  //参数date1和date2类型应该是String或Date
  // 确保两种类型没有问题
  function getIntervalBetweenTwoDates(date1, date2)
  {
   var realDate1 = date1;
   var realDate2 = date2;
   
   // 如果date1是Date类型就不用转换
   if(!(date1 instanceof Date))
   {
    realDate1 = convertString2Date(date1);
   }
   // 如果date2是Date类型就不用转换
   if(!(date2 instanceof Date))
   {
    realDate2 = convertString2Date(date2);
   }
   
   //得到绝对值,(realDate2.getTime() - realDate1.getTime())返回的是毫秒所以要先除1000
   var interval = Math.abs((realDate2.getTime() - realDate1.getTime()))/(1000 * 60 * 60 * 24);
   
   return interval;
  }

  function listAllDatesBetweenTwoDates()
  {
   var date1 = document.getElementById("start").value;
   var date2 = document.getElementById("end").value;
   var target = document.getElementById("result");
   var interval = getIntervalBetweenTwoDates(date1,date2);
   // 转换string为Date
   date1 = convertString2Date(date1);   
   var year = date1.getFullYear();
   var month = date1.getMonth();
   var date = date1.getDate();
   --date;
   
   for(var i = 0 ; i <= interval ; ++i)
   {
    ++date;
    
    var theDate = new Date(year, month, date);
    var tempYear = theDate.getFullYear();
    var tempMonth = theDate.getMonth() + 1;
    var tempDate = theDate.getDate();
    var day = theDate.getDay();
    var working = null;
    if(0 == day || 6 == day) // non-working day
    {
     working = "non-working day";
    }
    else
    {
     working = "working day";
    }
    var theResult = tempYear + "-" + tempMonth + "-" + tempDate + " is " + working;
    var div = document.createElement("div");
    
    div.innerHTML = theResult;
    target.appendChild(div); 
    
   }
  }

</SCRIPT>
</HEAD>
<BODY>
  
start date:<input type="text" length="20" id="start"><br>
end date:<input type="text" length="20" id="end"><br>
<input type="button" onclick="listAllDatesBetweenTwoDates()" value="result">
<div id="result"></div>
</BODY>
</HTML>

々上善若水々 2008-04-30 09:10 发表评论
]]>万能的alt属性http://www.blogjava.net/supercrsky/articles/183300.html々上善若水々々上善若水々Sun, 02 Mar 2008 12:45:00 GMThttp://www.blogjava.net/supercrsky/articles/183300.htmlhttp://www.blogjava.net/supercrsky/comments/183300.htmlhttp://www.blogjava.net/supercrsky/articles/183300.html#Feedback0http://www.blogjava.net/supercrsky/comments/commentRss/183300.htmlhttp://www.blogjava.net/supercrsky/services/trackbacks/183300.html阅读全文

々上善若水々 2008-03-02 20:45 发表评论
]]>鼠标滚轮无级控制图片大小http://www.blogjava.net/supercrsky/articles/181516.html々上善若水々々上善若水々Fri, 22 Feb 2008 14:00:00 GMThttp://www.blogjava.net/supercrsky/articles/181516.htmlhttp://www.blogjava.net/supercrsky/comments/181516.htmlhttp://www.blogjava.net/supercrsky/articles/181516.html#Feedback0http://www.blogjava.net/supercrsky/comments/commentRss/181516.htmlhttp://www.blogjava.net/supercrsky/services/trackbacks/181516.html<script language="JavaScript">
<!--

//无级缩放图片大小
function bbimg(o)
{
  var zoom=parseInt(o.style.zoom, 10)||100;
  zoom+=event.wheelDelta/12;
  if (zoom>0) o.style.zoom=zoom+'%';
  return false;
}
-->
</script>
<img id="p1" src="mpg.jpg" onmousewheel="return bbimg(this)">

々上善若水々 2008-02-22 22:00 发表评论
]]>JS的QQ菜单http://www.blogjava.net/supercrsky/articles/181514.html々上善若水々々上善若水々Fri, 22 Feb 2008 13:56:00 GMThttp://www.blogjava.net/supercrsky/articles/181514.htmlhttp://www.blogjava.net/supercrsky/comments/181514.htmlhttp://www.blogjava.net/supercrsky/articles/181514.html#Feedback0http://www.blogjava.net/supercrsky/comments/commentRss/181514.htmlhttp://www.blogjava.net/supercrsky/services/trackbacks/181514.html阅读全文

々上善若水々 2008-02-22 21:56 发表评论
]]>让form响应Ctrl+Entier键http://www.blogjava.net/supercrsky/articles/179753.html々上善若水々々上善若水々Wed, 13 Feb 2008 02:47:00 GMThttp://www.blogjava.net/supercrsky/articles/179753.htmlhttp://www.blogjava.net/supercrsky/comments/179753.htmlhttp://www.blogjava.net/supercrsky/articles/179753.html#Feedback0http://www.blogjava.net/supercrsky/comments/commentRss/179753.htmlhttp://www.blogjava.net/supercrsky/services/trackbacks/179753.html<!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD   HTML   4.0   Transitional//EN ">
<HTML>
<HEAD>
<TITLE>   New   Document   </TITLE>
<SCRIPT LANGUAGE= "JavaScript">
<!--
function CHECKKEY()
{
   if(event.keyCode == 13&&event.ctrlKey)
   {
      alert( 'i   can   catch   it! ');
   }
}
// -->
</SCRIPT>
</HEAD>
<BODY   ONKEYDOWN= "CHECKKEY()">
</BODY>
</HTML> 顺便说下按钮中的accesskey属性．
定义了accesskey的链接可以使用快捷键(ALT+字母)访问.
比如:
<input type="button" accesskey="s" />
就可以用alt+s访问此按钮．

2.如何使form中的submit按钮不响应回车键？
第一种方式:form不响应
<form   onsubmit="return   false">
第二种方式:整个html都不响应
<body onkeydown="if(event.keyCode==13){window.event.keyCode==0;window.event.returnValue=false}">


々上善若水々 2008-02-13 10:47 发表评论
]]>判断一个form中的checkbox是否有被选中http://www.blogjava.net/supercrsky/articles/179702.html々上善若水々々上善若水々Tue, 12 Feb 2008 09:46:00 GMThttp://www.blogjava.net/supercrsky/articles/179702.htmlhttp://www.blogjava.net/supercrsky/comments/179702.htmlhttp://www.blogjava.net/supercrsky/articles/179702.html#Feedback0http://www.blogjava.net/supercrsky/comments/commentRss/179702.htmlhttp://www.blogjava.net/supercrsky/services/trackbacks/179702.html<html>

<head>

<title></title>
<script language="javascript" type="text/javascript">
    function check()
    {
        var idss = document.getElementsByName("id");
        var flag = false;
        for(var i = 0; i < idss.length; i++)
        {
            if(idss[i].checked)
            {
                flag = true;
            }
        }
        alert(flag);
        return flag;
    }
</script>
</head>

<body>
<form name="aa">
    <input type="checkbox" name="id" />
    <input type="checkbox" name="id" />
    <input type="checkbox" name="id" />
    <input type="checkbox" name="id" />
    <input type="button" onclick="check();" value="test"/>
</form>
</body>

</html>

々上善若水々 2008-02-12 17:46 发表评论
]]>清除或选中所有的checkbox http://www.blogjava.net/supercrsky/articles/179388.html々上善若水々々上善若水々Wed, 06 Feb 2008 03:06:00 GMThttp://www.blogjava.net/supercrsky/articles/179388.htmlhttp://www.blogjava.net/supercrsky/comments/179388.htmlhttp://www.blogjava.net/supercrsky/articles/179388.html#Feedback0http://www.blogjava.net/supercrsky/comments/commentRss/179388.htmlhttp://www.blogjava.net/supercrsky/services/trackbacks/179388.html对于有时候要选择或取消页面中的checkbox，当然也服务器端也可以做。但总觉得效率不高。不如用JS的。

不涉及安全能用JS就用JS。。。

<script language="javascript">
         function SelectAll(tempControl)
        {
            var theBox=tempControl;
            xState=theBox.checked;

            elem=theBox.form.elements;
            for(i=0;i<elem.length;i++)
            if(elem[i].type=="checkbox" && elem[i].id!=theBox.id)
             {
                  if(elem[i].checked!=xState)
                  elem[i].click();
             }
      } 
        </script>

页面中加上：

<INPUT onclick="javascript:SelectAll(this);" type="checkbox">选中所有的短消息
其实其他的选择按钮也差不多的用法。

々上善若水々 2008-02-06 11:06 发表评论
]]>JavaScript仿Office颜色选择器http://www.blogjava.net/supercrsky/articles/179124.html々上善若水々々上善若水々Sun, 03 Feb 2008 02:56:00 GMThttp://www.blogjava.net/supercrsky/articles/179124.htmlhttp://www.blogjava.net/supercrsky/comments/179124.htmlhttp://www.blogjava.net/supercrsky/articles/179124.html#Feedback0http://www.blogjava.net/supercrsky/comments/commentRss/179124.htmlhttp://www.blogjava.net/supercrsky/services/trackbacks/179124.html阅读全文

々上善若水々 2008-02-03 10:56 发表评论
]]>Javascript动态创建控件http://www.blogjava.net/supercrsky/articles/178692.html々上善若水々々上善若水々Thu, 31 Jan 2008 08:07:00 GMThttp://www.blogjava.net/supercrsky/articles/178692.htmlhttp://www.blogjava.net/supercrsky/comments/178692.htmlhttp://www.blogjava.net/supercrsky/articles/178692.html#Feedback0http://www.blogjava.net/supercrsky/comments/commentRss/178692.htmlhttp://www.blogjava.net/supercrsky/services/trackbacks/178692.html 

<html>

<head>

<title></title>
<script language="javascript" type="text/javascript">
function createElement(tagName, type)
{
   var element = null;
   try
   {
      element = document.createElement('<' + tagName + ' name="'+name+'" />');
      element.type = type;
      element.value = value;
   }
   catch (e)
   {
   }
   if ( ! element)
   {
      element = document.createElement(tagName);
      element.setAttribute("type", type);
   }
   return element;
}


function add()
{
    var input1 = createElement("input","file");
    var br = document.createElement("<br />");
    var files = document.getElementById("files");
    files.appendChild(br);
    files.appendChild(input1);
}
</script>
</head>

<body>
<input type="button" value="add" onclick="add();"/>
<div id="files">
<input type="file"/>
</div>
</body>

</html>

延伸一下，动态创建input任意元素代码片段如下即可:
function createElement(tagName,name,type,value)
{
    var element = null;
    try 
    {
        element = document.createElement('<'+tagName+' name="'+name+'" />');
        element.type = type;
        element.value = value;
    }
    catch (e)
    {
    }
    if (!element)
    {
        element = document.createElement(tagName);
        element.setAttribute("type",type);
        element.setAttribute("name",name);
        element.setAttribute("value",value);
   }
   return element;
} 


々上善若水々 2008-01-31 16:07 发表评论
]]>标准的动态显示当前时间的JavaScript函数http://www.blogjava.net/supercrsky/articles/177542.html々上善若水々々上善若水々Thu, 24 Jan 2008 08:56:00 GMThttp://www.blogjava.net/supercrsky/articles/177542.htmlhttp://www.blogjava.net/supercrsky/comments/177542.htmlhttp://www.blogjava.net/supercrsky/articles/177542.html#Feedback0http://www.blogjava.net/supercrsky/comments/commentRss/177542.htmlhttp://www.blogjava.net/supercrsky/services/trackbacks/177542.html<script language="javascript" type="text/javascript">
    function  show_time()
      {   
          var today,hour,second,minute,year,month,date,time;
          
          today=new Date();
      
        year = today.getYear();
        month = today.getMonth()+1;
        date = today.getDate();
        hour = today.getHours();
        minute =today.getMinutes();
        second = today.getSeconds();
        if(second < 10)
        {
            time = year + "-" + month + "-" + date +" " + hour + ":" + minute + ":0" + second;
        }
        else
        {
            time = year + "-" + month + "-" + date +" " + hour + ":" + minute + ":" + second;
        }
        document.getElementById("time").value = time;
      } 
     setInterval(show_time,1000);
</script>
<input type="text" id="time" />

々上善若水々 2008-01-24 16:56 发表评论
]]>JavaScript全方位操作Cookiehttp://www.blogjava.net/supercrsky/articles/177344.html々上善若水々々上善若水々Wed, 23 Jan 2008 10:19:00 GMThttp://www.blogjava.net/supercrsky/articles/177344.htmlhttp://www.blogjava.net/supercrsky/comments/177344.htmlhttp://www.blogjava.net/supercrsky/articles/177344.html#Feedback0http://www.blogjava.net/supercrsky/comments/commentRss/177344.htmlhttp://www.blogjava.net/supercrsky/services/trackbacks/177344.html阅读全文

々上善若水々 2008-01-23 18:19 发表评论
]]>用javascript实现的tip效果http://www.blogjava.net/supercrsky/articles/168100.html々上善若水々々上善若水々Sun, 16 Dec 2007 11:55:00 GMThttp://www.blogjava.net/supercrsky/articles/168100.htmlhttp://www.blogjava.net/supercrsky/comments/168100.htmlhttp://www.blogjava.net/supercrsky/articles/168100.html#Feedback0http://www.blogjava.net/supercrsky/comments/commentRss/168100.htmlhttp://www.blogjava.net/supercrsky/services/trackbacks/168100.htmldocument.body.onmousemove=quickalt;
document.body.onmouseover=getalt;
document.body.onmouseout=restorealt;
var tempalt='';

function getalt(){
    if(event.srcElement.title && (event.srcElement.title!='' || (event.srcElement.title=='' && tempalt!=''))){
        altlayer.style.left=event.x;
        altlayer.style.top=event.y+20;
        altlayer.style.display='';
        tempalt=event.srcElement.title;
        tempbg=event.srcElement.altbg;
        tempcolor=event.srcElement.altcolor;
        tempborder=event.srcElement.altborder;
        event.srcElement.title='';
        altlayer.innerHTML=tempalt;
        if (typeof(tempbg)!="undefined"){altlayer.style.background=tempbg}else{altlayer.style.background="infobackground"}
        if (typeof(tempcolor)!="undefined"){altlayer.style.color=tempcolor}else{altlayer.style.color=tempcolor="infotext"}
        if (typeof(tempborder)!="undefined"){altlayer.style.border='1px solid '+tempborder;}else{altlayer.style.border='1px solid #000000';}
    }
}
function quickalt(){
    if(altlayer.style.display==''){
        altlayer.style.left=event.x;
        altlayer.style.top=event.y+10;
    }
}
function restorealt(){
    event.srcElement.title=tempalt;
    tempalt='';
    altlayer.style.display='none';
}
这个得加在</body>结束标签的前面
<body>
<span title="不错啊">默认效果</span>

<div style="display:none;border:1px solid #000000;background-color:#FFFFCC;font-size:12px;position:absolute;padding:2;" id=altlayer></div>
<!--注意这个引入必须在下面-->
<script type="text/javascript" src="../js/tip.js"></script>
</body>
这里面的效果层就是这个div.
在想要应用 tip的文字上面加个<span></span>标签即可

々上善若水々 2007-12-16 19:55 发表评论
]]>验证表单的标准JavaScripthttp://www.blogjava.net/supercrsky/articles/165693.html々上善若水々々上善若水々Thu, 06 Dec 2007 00:11:00 GMThttp://www.blogjava.net/supercrsky/articles/165693.htmlhttp://www.blogjava.net/supercrsky/comments/165693.htmlhttp://www.blogjava.net/supercrsky/articles/165693.html#Feedback0http://www.blogjava.net/supercrsky/comments/commentRss/165693.htmlhttp://www.blogjava.net/supercrsky/services/trackbacks/165693.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=GBK"/>
        <title>Untitled Document</title>
        <script type="text/javascript">
            function validate(m,n)
            {
                var flag = true;
                if(m.value == "" && n == 0)
                {
                    document.getElementById("username_info").innerHTML = "用户名不为能空";
                    flag = false;
                }
                else
                {
                    document.getElementById("username_info").innerHTML = "";
                }
                if(m.value.length < 6 && n == 0)
                {
                    document.getElementById("username_info").innerHTML = "用户名长度不能小于6";
                    flag = false;
                }
                else
                {
                    document.getElementById("username_info").innerHTML = "";
                }
                if(m.value == "" && n == 1)
                {
                    document.getElementById("password_info").innerHTML = "密码不能为空";
                    flag = false;
                }
                else
                {
                    document.getElementById("password_info").innerHTML = "";
                }
                if(m.value.length < 6 && n == 1)
                {
                    document.getElementById("password_info").innerHTML = "密码长度不能小于6";
                    flag = false;
                }
                else
                {
                    document.getElementById("password_info").innerHTML = "";
                }
                return flag;
                
            }
        </script>
    </head>
    <body>
        <div align="center">
            <form>
                <input type="text" id="username" onblur="validate(this,0);"/><div id="username_info"></div>
                <br/>
                <input type="password" id="password" onblur="validate(this,1);"/><div id="password_info"></div>
                <br/>
                <input type="submit" value="验证" /><input type="reset" value="重置"/>
                <br/>
            </form>
        </div>
    </body>
</html>

々上善若水々 2007-12-06 08:11 发表评论
]]>javascript去除字符串空格的函数http://www.blogjava.net/supercrsky/articles/164740.html々上善若水々々上善若水々Sun, 02 Dec 2007 17:59:00 GMThttp://www.blogjava.net/supercrsky/articles/164740.htmlhttp://www.blogjava.net/supercrsky/comments/164740.htmlhttp://www.blogjava.net/supercrsky/articles/164740.html#Feedback0http://www.blogjava.net/supercrsky/comments/commentRss/164740.htmlhttp://www.blogjava.net/supercrsky/services/trackbacks/164740.htmlfunction　jtrim(s)　 
{　 
　 var　i,b=0,e=s.length;　 
　　for(i=0;i<s.length;i++) //去左空格 
　　　　　if(s.charAt(i)!=' '){b=i;break;}　 
　　 if(i==s.length)　 
　　　　return　"";　 

　 for(i=s.length-1;i>b;i--)　去右空格 
　　　 if(s.charAt(i)!=' '){e=i;break;}　 
　return　s.substring(b,e+1);　 
} 
 下面的更好点:
//去左空格; 
function ltrim(s){ 
return s.replace( /^\s*/, ""); 
} 
//去右空格; 
function rtrim(s){ 
return s.replace( /\s*$/, ""); 
} 
//去左右空格; 
function trim(s){ 
return rtrim(ltrim(s)); 
} 

々上善若水々 2007-12-03 01:59 发表评论
]]>响应回车和判断是否为数字的函数(可用于分页)http://www.blogjava.net/supercrsky/articles/164692.html々上善若水々々上善若水々Sun, 02 Dec 2007 12:29:00 GMThttp://www.blogjava.net/supercrsky/articles/164692.htmlhttp://www.blogjava.net/supercrsky/comments/164692.htmlhttp://www.blogjava.net/supercrsky/articles/164692.html#Feedback0http://www.blogjava.net/supercrsky/comments/commentRss/164692.htmlhttp://www.blogjava.net/supercrsky/services/trackbacks/164692.html<script language="javascript" type="text/javascript">
//分页处理函数
function check()
{
   // 响应回车
   if(event.keyCode == 13)
   {
      var currentPage = document.getElementById("currentPage");
      var totalPage = document.getElementById("totalPage");
      var flag = true;
      if(isNaN(currentPage.value))
      {
         alert('请输入数字');
         currentPage.value = "";
         currentPage.focus();  
         return false;
        
      }
      else
      {
           //处理输入大于总页数
           if(currentPage.value > totalPage.value)
               currentPage.value = totalPage.value;
           //处理小数或负数
           if(currentPage.value <= 0)
               currentPage.value = 1;
           //跳转
         window.location = "user.action?currentPage=" + currentPage.value;
         currentPage.focus(); 
         return true;
      }
   }
}
</script>
<input type="text" name="currentPage" size="2" onkeydown="return check();"/> 
            <!-- 保存总页数,用于javascript处理分页 -->
            <input type="hidden" id="totalPage" value="<s:property value="#page.totalPage"/>" />
其中的totalPage是通过分页类算出来的.

々上善若水々 2007-12-02 20:29 发表评论
]]>