Html:超级实用的几种表单校验效果收集

2009-12-16 23:39| 发布者: admin| 查看: 57| 评论: 0|原作者: 飞燕

*************************************************************
只能是写限定的东西
程序代码：
ENTER键可以让光标移到下一个输入框

只能是中文

只能是英文和数字.屏蔽了输入法

只能输入英文和数字

只能是数字

只能显示，不能修改的文本框
*************************************************************
只能是数字,判断按键
程序代码：

*************************************************************
附：获取键盘的KeyCode
程序代码：

//Javascript Document.

请按任意一个键。。。。

*************************************************************
限制网页用键盘
程序代码：

限制键盘的某个键：body onkeydown='if(event.keyCode==num){alert('禁用');return false;}
再加个找按键的值
程序代码：

*************************************************************
只能是IP地址
程序代码：

IP地址输入

IP地址输入

.
.
.

*************************************************************
用#default#savehistory防止后退清空text文本框
程序代码：

*************************************************************
TEXTAREA自适应文字行数的多少
程序代码：

<br>************************************************************* <br>上传预览图片 <br>程序代码： <br><img id=pic src="http://www.xiugoo.com/tp://www.cnbruce.com/images/logo.gif> <br><input type=file name=file><input type=button onclick=pic.src=file.value value=预览图片> <br><input type=button onclick=alert(file.value) value=图片地址> <br><input type=button onclick='file.outerHTML=file.outerHTML.replace(/value=\w/g,'')' value='清除file里字'> <br>************************************************************* <br>去掉下拉选项的边框 <br>程序代码： <br><div style='position: absolute; left: 10px; top: 10px; width: 115px; height: 20px; clip:rect(2 114 20 2);'> <br>情缘.教程_网 [http://Www.XiuGoo.Com]<br><select> <br><option >cnpeople</option> <br><option >cnrose</option> <br><option >cnbruce</option> <br></select> <br></font> <br></div> <br>************************************************************* <br>下拉列表打开窗口 <br>程序代码： <br><select onChange='if(this.selectedIndex && this.selectedIndex!=0){window.open(this.value);}this.selectedIndex=0;'> <br><option selected>更多链接……</option> <br><option value='http://www.cnbruce.com'>cnbruce</option> <br><option value='http://daonet.myrice.com/old/'>daonet</option> <br><option value='http://www.blueidea.com'>blue!dea <br></select> <br>*************************************************************<br>TAB的显示 <br>程序代码： <br><script> function editTab() { var code, sel, tmp, r var tabs='' event.returnValue = false sel =event.srcElement.document.selection.createRange() r = event.srcElement.createTextRange() switch (event.keyCode) { case (8) : if (!(sel.getClientRects().length > 1)) { event.returnValue = true return } code = sel.text tmp = sel.duplicate() tmp.moveToPoint(r.getBoundingClientRect().left, sel.getClientRects()[0].top) sel.setEndPoint('startToStart', tmp) sel.text = sel.text.replace(/^\t/gm, '') code = code.replace(/^\t/gm, '').replace(/\r\n/g, '\r') r.findText(code) r.select() break case (9) : if (sel.getClientRects().length > 1) { code = sel.text tmp = sel.duplicate() tmp.moveToPoint(r.getBoundingClientRect().left, sel.getClientRects()[0].top) sel.setEndPoint('startToStart', tmp) sel.text = '\t'+sel.text.replace(/\r\n/g, '\r\t') code = code.replace(/\r\n/g, '\r\t') r.findText(code) r.select() } else { sel.text = '\t' sel.select() } break case (13) : tmp = sel.duplicate() tmp.moveToPoint(r.getBoundingClientRect().left, sel.getClientRects()[0].top) tmp.setEndPoint('endToEnd', sel) for (var i=0; tmp.text.match(/^[\t]+/g) && i<tmp.text.match(/^[\t]+/g)[0].length; i++) tabs += '\t' sel.text = '\r\n'+tabs sel.select() break default : event.returnValue = true break } } </script> <textarea cols=75 rows=20 onkeydown='editTab()'> <script> alert('ok') </script>

*************************************************************
文本框的上/下拉
程序代码：

向下
向上
*************************************************************
一个复选框，点击之后一组复选框全部都选上
程序代码：
a

*************************************************************
Debug Textarea：在线写 js 脚本的时候，用来即时查错的东西！
程序代码：

Debug Textarea

Debug Textarea

*************************************************************
TAB键在文本域中的体现
程序代码：

*************************************************************
获取input的非value值，而是显示文本值
程序代码：

*************************************************************
select里的option进行分类列表
程序代码：

*************************************************************
动态添加
程序代码：

*************************************************************
提示限制输入的字符数
程序代码：

*************************************************************
判断填写字数的限制
程序代码：

收藏分享邀请

		自动登录	找回密码
密码			注册

Html:超级实用的几种表单校验效果收集

请按任意一个键。。。。

最新评论

相关分类