<!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>
<!--jquery主文件-->
<script type="text/javascript" src="Scripts/jquery-1.4.2.min.js"></script>
<!--jqueryUI日历文件-->
<script type="text/javascript" src="Scripts/jquery.ui.datepicker.js"></script>
<script type="text/javascript">
/********************************************************
96期のやなぎ
*********************************************************/
$(function(){
//调用jquery日历控件
$('#date').datepicker({changeMonth: true,changeYear: true});
//绑定表单提交 进行输入项检查
$('#form1').bind('submit', function(){return check()})
})
//检验函数
function check(){
var result=true;
//用户正则表达式
var ruser=/^[a-zA-Z0-9_]{6,10}$/;
//密码正则表达式
var rpass=/^.{6,14}$/;
//检验数字表达式
var rnum=/^[0-9]+$/;
//检验非法字符表达式 包含数字字母 中日韩三国语言
var rdata=/^[a-zA-Z0-9\u2e80-\u9FFF]+$/;
//显示错误的函数
var errBg=function(id,info){
//设置背景色
$(id).css('background-color','#0F9');
//设置错误信息 如果内容已经是错误信息 则不处理
if($(id).val()!=info) $(id).data('val',$(id).val())
//显示错误信息
$(id).val(info);
//绑定焦点事件 获得焦点后销毁事件
$(id).bind('focus',function(){
//显示原先用户输错的信息
$(id).val($(id).data('val'));
//还原用户的输入框背景色
$(id).css('background-color','#fff');
//销毁单击事件
$(id).unbind('focus');
})
result=false;
}
//检验用户 错误则提示
if(!rdata.test($('#data1').val())) {errBg('#data1','用户错误！')}
//检验密码 错误则提示
if(!rpass.test($('#data2').val())) {errBg('#data2','密码错误！')}
return result;
}
</script>
<link rel="stylesheet" type="text/css" href="css/ui-lightness/jquery-ui-min.css"/>
<style type="text/css">
input{ border:solid #CCC 1px}
</style>
</head>
<body>
<form id="form1" name="form1" method="post">
<input id="date" name="date" type="text" /><br />
<input id="data1" name="data1" type="text" /><br />
<input id="data2" name="data2" type="text" /><br />
<input id="data3" name="data3" type="text" /><br />
<input type="submit" style="cursor:pointer" value="提交"/>
</form>
</body>
</html>
work.rar （21个子文件） 
work work css ui-lightness 
jquery-ui-min.css 24KB jquery-ui-1.8rc3.custom.css 31KB images 
ui-icons_228ef1_256x240.png 4KB ui-bg_diagonals-thick_18_b81900_40x40.png 260B ui-icons_ef8c08_256x240.png 4KB ui-icons_ffffff_256x240.png 4KB ui-icons_222222_256x240.png 4KB ui-bg_glass_100_f6f6f6_1x400.png 104B ui-bg_flat_10_000000_40x100.png 178B ui-bg_diagonals-thick_20_666666_40x40.png 251B ui-bg_gloss-wave_35_f6a828_500x100.png 4KB ui-bg_highlight-soft_75_ffe45c_1x100.png 129B ui-bg_glass_65_ffffff_1x400.png 105B ui-icons_ffd27a_256x240.png 4KB ui-bg_glass_100_fdf5ce_1x400.png 125B ui-bg_highlight-soft_100_eeeeee_1x100.png 90B vssver2.scc 765B vssver2.scc 102B Scripts jquery-1.4.2.min.js 70KB jquery.ui.datepicker.js 49KB
index.html 3KB资源评论
zjhxxx2013-06-08还行吧，略简洁
Etwases2014-06-02还行吧，略简洁
肉小咪2013-08-28比较简单，只能拿来参考，具体要写的话还是得靠自己写正则了
