作家
登录

表单(FORM)的一些实用效果代码

作者: 来源:www.28hudong.com 2013-03-30 03:35:16 阅读 我要评论

限定只能是写限定的东西的代码 ENTER键可以让光标移到下一个输入框 : <input onkeydown="if(event.keyCode==13)event.keyCode=9" > <br> 只能是中文:<input onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9"> <br> 只能是英文和数字.屏蔽了输入法:<input style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9"> <br> 只能输入英文和数字:<input onkeyup="value=value.replace(/[W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,''))" onkeydown="if(event.keyCode==13)event.keyCode=9"> <br> 只能是数字<input onkeyup="value=value.replace(/[^d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,''))"><br> 只能显示,不能修改的文本框<input readOnly value="只能显示,不能修改"> input中只能输入数字在提交时提示 <script language=javascript> function onlyNum() { if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)||(event.keyCode==8))) event.returnValue=false; } </script> <input onkeydown="onlyNum();"> 下拉列表打开窗口选择连接时弹出一个新窗口 <select onChange="if(this.selectedIndex && this.selectedIndex!=0){window.open(this.value);}this.selectedIndex=0;"> <option selected>更多链接……</option> <option value="http://www.jb51.net";>cnbruce</option> <option value="http://www.21west.net";>daonet</option> <option value="http://www.blueidea.com";>blue!dea </select> 一个复选框,点击之后一组复选框全部都选上 <input type="checkbox" name="checkA" onpropertychange="for(i=0;i<A.children.length;i++){A.children.checked=this.checked}">a <br> <span id="A"> <input type="checkbox" name="A1"> <input type="checkbox" name="A2"> <input type="checkbox" name="A3"> </span> select里的option进行分类列表 <span style="position:absolute;border:1px inset #d3d6d9"><select style="margin:-2px; width:200px"> <option selected>------------请选择------------</option> <optgroup label="JavaScript&VBScript区"> <option>原 创 <option>经 典 <optgroup label="后台区"> <option>asp&sql <option>php&mysql </select></span> 提示限制输入的字符数 <script language="JavaScript"> <!-- function SymError() { return true; } window.onerror = SymError; function strlength(str){ var l=str.length; var n=l for (var i=0;i<l;i++) { if (str.charCodeAt(i)<0||str.charCodeAt(i)>255) n++ } return n } function changebyte(value,length){ var l=strlength(value) if (l<=length) { if (document.all!=null) document.all("byte").innerText="还可以输入"+(length-l)+"字节" } else { document.all("byte").innerText="输入字节数超出范围" } return true } function changebyte1(value,length){ var l=strlength(value) if (l<=length) { if (document.all!=null) document.all("byte1").innerText="还可以输入"+(length-l)+"字节" } else { document.all("byte1").innerText="输入字节数超出范围" } return true } function changebyte2(value,length){ var l=strlength(value) if (l<=length) { if (document.all!=null) document.all("byte2").innerText="还可以输入"+(length-l)+"字节" } else { document.all("byte2").innerText="输入字节数超出范围" } return true } </script> <form method="post" name=test onSubmit="return checkdata()" action=""> <TEXTAREA onkeydown="return changebyte1(document.test.icqcontent.value,198)" onkeyup="return changebyte1(document.test.icqcontent.value,198)" name=icqcontent cols=40 rows="3"></TEXTAREA> <SPAN id=byte1><SCRIPT language=JavaScript>changebyte1(document.test.icqcontent.value,198);</SCRIPT></SPAN> </form> 判断填写字数的限制 <script language=javascript> function gbcount(message,total,used,remain) { var max; max = total.value; if(message.value.length > max){ message.value = message.value.substring(0,max); used.value = max; remain.value = 0; alert('留言不能超过规定的字数!'); } else{ used.value = message.value.length; remain.value = max - used.value; } } </script> <form name='myform' > <textarea name='GuestContent' cols='59' rows='6' onkeydown=gbcount(this.form.GuestContent,this.form.total,this.form.used,this.form.remain); onkeyup=gbcount(this.form.GuestContent,this.form.total,this.form.used,this.form.remain);></textarea> 最多字数:<INPUT disabled maxLength=4 name=total size=3 value=20> 已用字数:<INPUT disabled maxLength=4 name=used size=3 value=0> 剩余字数:<INPUT disabled maxLength=4 name=remain size=3> </form> 注册阅读时间等待按钮 <form action="http://www.jb51.net"; method="post" name="agree"> 欢迎注册烟灰BLOG: 条款若干........ <input type="submit" value="请认真查看<服务条款和声明> (15)" name="agreeb"> </form> <SCRIPT language=javascript> <!-- var secs = 15; document.agree.agreeb.disabled=true; for(i=1;i<=secs;i++) { window.setTimeout("update(" + i + ")", i * 1000); } function update(num) { if(num == secs) { document.agree.agreeb.value =" 我 同 意 "; document.agree.agreeb.disabled=false; } else { printnr = secs-num; document.agree.agreeb.value = "请认真查看<服务条款和声明> (" + printnr +")"; } } //--> </SCRIPT>

  推荐阅读

  一段多浏览器的"复制到剪贴板"javascript代码

代码如下,就不多说废话了,可以兼容基本上所有的主流浏览器(IE,FF),很多地方可以用到的: copyToClipboard = function(txt) { if(window.clipboardData) { window.clipboardData.clearData(); window.clip>>>详细阅读


本文标题:表单(FORM)的一些实用效果代码

地址:http://www.17bianji.com/kaifa2/JS/30667.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)