BlogJava-我的漫漫程序之旅-文章分类-JavaScript

超好用的JS验证框架(LiveValidation)

々上善若水々 — Fri, 30 May 2008 08:48:00 GMT

这个验证表单超强。

输入 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计算字符串占用字节数

々上善若水々 — Fri, 30 May 2008 02:09:00 GMT

原帖地址

最近和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字节）

于是代码如下：

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

参考文档：

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

々上善若水々 2008-05-30 10:09 发表评论

超强的Javascript仿QQ导航菜单

々上善若水々 — Fri, 16 May 2008 09:10:00 GMT

摘要: 仿QQ导航菜单 .titleSty... 阅读全文

々上善若水々 2008-05-16 17:10 发表评论

验证文件扩展名的js

々上善若水々 — Wed, 14 May 2008 08:04:00 GMT

/**
        验证文件扩展名是否合法
    **/
   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 发表评论

计算两个日期之间的工作日和非工作日(转自浪曦)

々上善若水々 — Wed, 30 Apr 2008 01:10:00 GMT

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属性

々上善若水々 — Sun, 02 Mar 2008 12:45:00 GMT

摘要:
script>
<img id="p1" src="mpg.jpg" onmousewheel="return bbimg(this)">

々上善若水々 2008-02-22 22:00 发表评论

JS的QQ菜单

々上善若水々 — Fri, 22 Feb 2008 13:56:00 GMT

摘要: QQ菜单

var&n... 阅读全文

々上善若水々 2008-02-22 21:56 发表评论

让form响应Ctrl+Entier键

々上善若水々 — Wed, 13 Feb 2008 02:47:00 GMT

DOCTYPE   HTML   PUBLIC   "-//W3C//DTD   HTML   4.0   Transitional//EN ">
<HTML>
<HEAD>
<TITLE>   New   Document   TITLE>
<SCRIPT LANGUAGE= "JavaScript">

SCRIPT>
HEAD>
<BODY   ONKEYDOWN= "CHECKKEY()">
BODY>
HTML>

顺便说下按钮中的accesskey属性．
定义了accesskey的链接可以使用快捷键(ALT+字母)访问.
比如:

就可以用alt+s访问此按钮．

2.如何使form中的submit按钮不响应回车键？
第一种方式:form不响应

第二种方式:整个html都不响应

々上善若水々 2008-02-13 10:47 发表评论

判断一个form中的checkbox是否有被选中

々上善若水々 — Tue, 12 Feb 2008 09:46:00 GMT

<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 发表评论