国产专区一va亚洲v天堂,久久亚洲AV无码精品色午夜,久久久亚洲AV波多野结衣

Javascript的IE和Firefox兼容性汇�~�[转]

Fri, 03 Mar 2006 01:47:00 GMT

摘要: Javascript的IE和Firefox兼容性汇�~�以下以 IE 代替 Internet Explorer�Q�以 MF 代替 Mozzila Firefox1. document.form.item 问题(1)现有问题�Q�现有代码中存在许多 document.formName.item("itemName") �q�样的语句，不能�?MF 下运�?2)解决�Ҏ��Q�改�?document.formName.e... 阅读全文

随风�?/a> 2006-03-03 09:47 发表评论

jsp中，防止表单的重复提交（转）

Wed, 04 Jan 2006 01:13:00 GMT

1 javascript �Q�设�|�一个变量，只允许提交一�ơ。　

　　2 �q�是javascript�Q�将提交按钮或者image�|��ؓdisable　　

　　 onsubmit="getElById('submitInput').disabled = true; return true;"> 　　

　　3 利用struts的同步��o牌机制　　

　　利用同步令牌�Q�Token�Q�机制来解决Web应用中重复提交的问题�Q�Struts也给��Z��一个参考实现�?

　　基本原理�Q�　

　　服务器端在处理到辄��h��之前�Q�会��请求中包含的��o牌��g��保存在当前用户会话中的��o牌��D��行比较，看是否匹配。在处理完该��h��后，且在�{�复发送给客户端之前，��会产生一个新的��o牌，该��o牌除传给客户端以外，也会��用户会话中保存的旧的��o牌进行替换。这样如果用户回退到刚才的提交��面�q�再�ơ提交的话，客户端传�q�来的��o牌就和服务器端的令牌不一��_��从而有效地防止了重复提交的发生。　

　　if (isTokenValid(request, true)) {

　　 // your code here

　　 return mapping.findForward("success");

　　} else {

　　 saveToken(request);

　　 return mapping.findForward("submitagain");

　　}　

　　Struts�Ҏ��用户会话ID和当前系�l�时间来生成一个唯一�Q�对于每个会话）令牌的，具体实现可以参考TokenProcessor�c�M��的generateToken()�Ҏ��。　　

　　1. //验证事务控制令牌,会自动根据session中标识生成一个隐含input代表令牌�Q�防止两�ơ提�?

　　2. 在action中：　　

　　 // value="6aa35341f25184fd996c4c918255c3ae">

　　 if (!isTokenValid(request))

　　 errors.add(ActionErrors.GLOBAL_ERROR,

　　 new ActionError("error.transaction.token"));

　　 resetToken(request); //删除session中的令牌　　

　　3. action有这��L��一个方法生成��o牌　　

　　 protected String generateToken(HttpServletRequest request) {　　

　　 HttpSession session = request.getSession();

　　 try {

　　 byte id[] = session.getId().getBytes();

　　 byte now[] =

　　 new Long(System.currentTimeMillis()).toString().getBytes();

　　 MessageDigest md = MessageDigest.getInstance("MD5");

　　 md.update(id);

　　 md.update(now);

　　 return (toHex(md.digest()));

　　 } catch (IllegalStateException e) {

　　 return (null);

　　 } catch (NoSuchAlgorithmException e) {

　　 return (null);

　　 }

随风�?/a> 2006-01-04 09:13 发表评论

强大的javascript表单验证

Fri, 30 Dec 2005 09:11:00 GMT

表单的验证一直是�|�页设计者头痛的问题�Q�表单验证类 Validator��是��册��个问题而写的，旨在使设计者从�U�L��复杂的表单验证中解放出来�Q�把�_�֊�集中于网��늚�设计和功能上的改�q�上�?

Validator是基于JavaScript技术的伪静态类和对象的自定义属性，可以对网��中的表单项输入�q�行相应的验证，允许同一��面中同旉��证多个表单，熟悉接口之后也可以对特定的表单项甚至仅仅是某个字�W�串�q�行验证。因为是伪静态类�Q�所以在调用时不需要实例化�Q�直接以"�c�d��+.语法+属性或�Ҏ��?来调用。此外，Validator�q�提�?�U�不同的错误提示模式�Q�以满��不同的需要�?

Validator目前可实现的验证�c�d��有：
[JavaScript] �?BR>Validator目前可实现的验证�c�d��有：
1.是否为空�Q?BR>2.中文字符�Q?BR>3.双字节字�W?BR>4.英文�Q?BR>5.数字�Q?BR>6.整数�Q?BR>7.实数�Q?BR>8.Email地址�Q?BR>9.使用HTTP协议的网址�Q?BR>10.电话��L��Q?BR>11.货币�Q?BR>12.手机��L��Q?BR>13.邮政�~�码�Q?BR>14.�w�䆾证号�?1.05增强)�Q?/FONT>
15.QQ��L��Q?BR>16.日期�Q?BR>17.�W�合安全规则的密码；
18.某项的重复��|��
19.两数的关�p�L��较；
20.判断输入值是否在(n, m)区间�Q?BR>21.输入字符长度限制(可按字节比较)�Q?BR>22.对于��h��相同名称的单选按钮的选中判断�Q?BR>23.限制��h��相同名称的多选按钮的选中数目�Q?BR>24.自定义的正则表达式验证；
25.文�g上传格式�q��o(1.04)
�q�行环境(客户�?�Q?
在Windows Server 2003下用IE6.0+SP1和Mozilla Firefox 1.0��试通过�Q?BR>在Lunix RedHat 9下的Netscape��试通过�Q?

对于客户端的表单验证�Q�这个基于JavaScript�~�写的Validator基本上都可以满��Q�具体可以下载CHM文�g�Q?A class="" HREF="/Files/sunny/sunny.rar" target=_blank>Validator.CHM下蝲

�C�Z��Q?/P>

�q�行代码�?BR> <title>表单验证�c?Validator v1.05</title> <style> body,td{font:normal 12px Verdana;color:#333333} input,textarea,select,td{font:normal 12px Verdana;color:#333333;border:1px solid #999999;background:#ffffff} table{border-collapse:collapse;} td{padding:3px} input{height:20;} textarea{width:80%;height:50px;overflow:auto;} form{display:inline} </style> <table align="center"> <form name="theForm" id="demo" method="get" onSubmit="return Validator.Validate(this,2)"> <tr> <td>�w�䆾证号�Q?lt;/td><td><input name="Card" dataType="IdCard" msg="�w�䆾证号错误"></td> </tr> <tr> <td>真实姓名�Q?lt;/td><td><input name="Name" dataType="Chinese" msg="真实姓名只允�怸��?></td> </tr> <tr> <td>ID�Q?lt;/td><td><input name="username" dataType="Username" msg="ID名不�W�合规定"></td> </tr> <tr> <td>英文名：</td><td><input name="Nick" dataType="English" require="false" msg="英文名只允许英文字母"></td> </tr> <tr> <td>主页�Q?lt;/td><td><input name="Homepage" require="false" dataType="Url" msg="非法的Url"></td> </tr> <tr> <td>密码�Q?lt;/td><td><input name="Password" dataType="SafeString" msg="密码不符合安全规�? type="password"></td> </tr> <tr> <td>重复�Q?lt;/td><td><input name="Repeat" dataType="Repeat" to="Password" msg="两次输入的密码不一�? type="password"></td> </tr> <tr> <td>信箱�Q?lt;/td><td><input name="Email" dataType="Email" msg="信箱格式不正��?></td> </tr> <tr> <td>信箱�Q?lt;/td><td><input name="Email" dataType="Repeat" to="Email" msg="两次输入的信��׃��一�?></td> </tr> <tr> <td>QQ�Q?lt;/td><td><input name="QQ" require="false" dataType="QQ" msg="QQ��L��不存�?></td> </tr> <tr> <td>�w�䆾证：</td><td><input name="Card" dataType="IdCard" msg="�w�䆾证号码不正确"></td> </tr> <tr> <td>�q�龄�Q?lt;/td><td><input name="Year" dataType="Range" msg="�q�龄必须�?8~28之间" min="18" max="28"></td> </tr> <tr> <td>�q�龄1�Q?lt;/td><td><input name="Year1" require="false" dataType="Compare" msg="�q�龄必须�?8以上" to="18" operator="GreaterThanEqual"></td> </tr> <tr> <td>电话�Q?lt;/td><td><input name="Phone" require="false" dataType="Phone" msg="电话��L��不正��?></td> </tr> <tr> <td>手机�Q?lt;/td><td><input name="Mobile" require="false" dataType="Mobile" msg="手机��L��不正��?></td> </tr> <tr> <td>生日�Q?lt;/td><td><input name="Birthday" dataType="Date" format="ymd" msg="生日日期不存�?></td> </tr> <tr> <td>邮政�~�码�Q?lt;/td><td><input name="Zip" dataType="Custom" regexp="^[1-9]\d{5}$" msg="邮政�~�码不存�?></td> </tr> <tr> <td>邮政�~�码�Q?lt;/td><td><input name="Zip1" dataType="Zip" msg="邮政�~�码不存�?></td> </tr> <tr> <td>操作�pȝ��Q?lt;/td><td><select name="Operation" dataType="Require" msg="未选择所用操作系�l? ><option value="">选择您所用的操作�pȝ��</option><option value="Win98">Win98</option><option value="Win2k">Win2k</option><option value="WinXP">WinXP</option></select></td> </tr> <tr> <td>所在省份：</td><td>�q�东<input name="Province" value="1" type="radio">陕西<input name="Province" value="2" type="radio">��江<input name="Province" value="3" type="radio">江西<input name="Province" value="4" type="radio" dataType="Group" msg="必须选定一个省�? ></td> </tr> <tr> <td>爱好�Q?lt;/td><td>�q�动<input name="Favorite" value="1" type="checkbox">上网<input name="Favorite" value="2" type="checkbox">听音�?lt;input name="Favorite" value="3" type="checkbox">看书<input name="Favorite" value="4" type="checkbox"" dataType="Group" min="2" max="3" msg="必须选择2~3�U�爱�?></td> </tr> <td>自我介绍�Q?lt;/td><td><textarea name="Description" dataType="Limit" max="10" msg="自我介绍内容必须�?0个字之内">中文是一个字自传�Q?lt;/td></td> </tr> <tr> <td colspan="2"><input name="Submit" type="submit" value="��定提交"><input onClick="Validator.Validate(document.getElementById('demo'))" value="��验模�?" type="button"><input onClick="Validator.Validate(document.getElementById('demo'),2)" value="��验模�?" type="button"><input onClick="Validator.Validate(document.getElementById('demo'),3)" value="��验模�?" type="button"></td> </tr> </form> </table> <script> /************************************************* Validator v1.05 code by 我佛�׃�h wfsr@msn.com *************************************************/ Validator = { Require : /.+/, Email : /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/, Phone : /^(($\d{2,3}$)|(\d{3}\-))?($0\d{2,3}$|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/, Mobile : /^(($\d{2,3}$)|(\d{3}\-))?13\d{9}$/, Url : /^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$/, IdCard : "this.IsIdCard(value)", Currency : /^\d+(\.\d+)?$/, Number : /^\d+$/, Zip : /^[1-9]\d{5}$/, QQ : /^[1-9]\d{4,8}$/, Integer : /^[-\+]?\d+$/, Double : /^[-\+]?\d+(\.\d+)?$/, English : /^[A-Za-z]+$/, Chinese : /^[\u0391-\uFFE5]+$/, Username : /^[a-z]\w{3,}$/i, UnSafe : /^(([A-Z]*|[a-z]*|\d*|[-_\~!@#\$%\^&\*\.\[\]\{\}<>\?\\\/\'\"]*)|.{0,5})$|\s/, IsSafe : function(str){return !this.UnSafe.test(str);}, SafeString : "this.IsSafe(value)", Filter : "this.DoFilter(value, getAttribute('accept'))", Limit : "this.limit(value.length,getAttribute('min'), getAttribute('max'))", LimitB : "this.limit(this.LenB(value), getAttribute('min'), getAttribute('max'))", Date : "this.IsDate(value, getAttribute('min'), getAttribute('format'))", Repeat : "value == document.getElementsByName(getAttribute('to'))[0].value", Range : "getAttribute('min') < (value|0) && (value|0) < getAttribute('max')", Compare : "this.compare(value,getAttribute('operator'),getAttribute('to'))", Custom : "this.Exec(value, getAttribute('regexp'))", Group : "this.MustChecked(getAttribute('name'), getAttribute('min'), getAttribute('max'))", ErrorItem : [document.forms[0]], ErrorMessage : ["以下原因��D��提交��p�|�Q�\t\t\t\t"], Validate : function(theForm, mode){ var obj = theForm || event.srcElement; var count = obj.elements.length; this.ErrorMessage.length = 1; this.ErrorItem.length = 1; this.ErrorItem[0] = obj; for(var i=0;i<count;i++){ with(obj.elements[i]){ var _dataType = getAttribute("dataType"); if(typeof(_dataType) == "object" || typeof(this[_dataType]) == "undefined") continue; this.ClearState(obj.elements[i]); if(getAttribute("require") == "false" && value == "") continue; switch(_dataType){ case "IdCard" : case "Date" : case "Repeat" : case "Range" : case "Compare" : case "Custom" : case "Group" : case "Limit" : case "LimitB" : case "SafeString" : case "Filter" : if(!eval(this[_dataType])) { this.AddError(i, getAttribute("msg")); } break; default : if(!this[_dataType].test(value)){ this.AddError(i, getAttribute("msg")); } break; } } } if(this.ErrorMessage.length > 1){ mode = mode || 1; var errCount = this.ErrorItem.length; switch(mode){ case 2 : for(var i=1;i<errCount;i++) this.ErrorItem[i].style.color = "red"; case 1 : alert(this.ErrorMessage.join("\n")); this.ErrorItem[1].focus(); break; case 3 : for(var i=1;i<errCount;i++){ try{ var span = document.createElement("SPAN"); span.id = "__ErrorMessagePanel"; span.style.color = "red"; this.ErrorItem[i].parentNode.appendChild(span); span.innerHTML = this.ErrorMessage[i].replace(/\d+:/,"*"); } catch(e){alert(e.description);} } this.ErrorItem[1].focus(); break; default : alert(this.ErrorMessage.join("\n")); break; } return false; } return true; }, limit : function(len,min, max){ min = min || 0; max = max || Number.MAX_VALUE; return min <= len && len <= max; }, LenB : function(str){ return str.replace(/[^\x00-\xff]/g,"**").length; }, ClearState : function(elem){ with(elem){ if(style.color == "red") style.color = ""; var lastNode = parentNode.childNodes[parentNode.childNodes.length-1]; if(lastNode.id == "__ErrorMessagePanel") parentNode.removeChild(lastNode); } }, AddError : function(index, str){ this.ErrorItem[this.ErrorItem.length] = this.ErrorItem[0].elements[index]; this.ErrorMessage[this.ErrorMessage.length] = this.ErrorMessage.length + ":" + str; }, Exec : function(op, reg){ return new RegExp(reg,"g").test(op); }, compare : function(op1,operator,op2){ switch (operator) { case "NotEqual": return (op1 != op2); case "GreaterThan": return (op1 > op2); case "GreaterThanEqual": return (op1 >= op2); case "LessThan": return (op1 < op2); case "LessThanEqual": return (op1 <= op2); default: return (op1 == op2); } }, MustChecked : function(name, min, max){ var groups = document.getElementsByName(name); var hasChecked = 0; min = min || 1; max = max || groups.length; for(var i=groups.length-1;i>=0;i--) if(groups[i].checked) hasChecked++; return min <= hasChecked && hasChecked <= max; }, DoFilter : function(input, filter){ return new RegExp("^.+\.(?=EXT)(EXT)$".replace(/EXT/g, filter.split(/\s*,\s*/).join("|")), "gi").test(input); }, IsIdCard : function(number){ var date, Ai; var verify = "10x98765432"; var Wi = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2]; var area = ['','','','','','','','','','','','北京','天��|','沛_��','��p��','内蒙�?,'','','','','','辽宁','吉林','黑龙�?,'','','','','','','','上�v','江苏','��江','安微','��徏','江西','�׃��','','','','沛_��','湖北','湖南','�q�东','�q�西','��南','','','','重庆','四川','贵州','云南','西藏','','','','','','','陕西','甘肃','青�v','宁夏','新疆','','','','','','台湾','','','','','','','','','','香港','澳门','','','','','','','','','国外']; var re = number.match(/^(\d{2})\d{4}(((\d{2})(\d{2})(\d{2})(\d{3}))|((\d{4})(\d{2})(\d{2})(\d{3}[x\d])))$/i); if(re == null) return false; if(re[1] >= area.length || area[re[1]] == "") return false; if(re[2].length == 12){ Ai = number.substr(0, 17); date = [re[9], re[10], re[11]].join("-"); } else{ Ai = number.substr(0, 6) + "19" + number.substr(6); date = ["19" + re[4], re[5], re[6]].join("-"); } if(!this.IsDate(date, "ymd")) return false; var sum = 0; for(var i = 0;i<=16;i++){ sum += Ai.charAt(i) * Wi[i]; } Ai += verify.charAt(sum%11); return (number.length ==15 || number.length == 18 && number == Ai); }, IsDate : function(op, formatString){ formatString = formatString || "ymd"; var m, year, month, day; switch(formatString){ case "ymd" : m = op.match(new RegExp("^((\\d{4})|(\\d{2}))([-./])(\\d{1,2})\\4(\\d{1,2})$")); if(m == null ) return false; day = m[6]; month = m[5]*1; year = (m[2].length == 4) ? m[2] : GetFullYear(parseInt(m[3], 10)); break; case "dmy" : m = op.match(new RegExp("^(\\d{1,2})([-./])(\\d{1,2})\\2((\\d{4})|(\\d{2}))$")); if(m == null ) return false; day = m[1]; month = m[3]*1; year = (m[5].length == 4) ? m[5] : GetFullYear(parseInt(m[6], 10)); break; default : break; } if(!parseInt(month)) return false; month = month==0 ?12:month; var date = new Date(year, month-1, day); return (typeof(date) == "object" && year == date.getFullYear() && month == (date.getMonth()+1) && day == date.getDate()); function GetFullYear(y){return ((y<30 ? "20" : "19") + y)|0;} } } </script>
[Ctrl+A 全部选择拯��C��个html文�g后打开]

随风�?/a> 2005-12-30 17:11 发表评论