手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >表单(FORM)的一些实用效果代码
表单(FORM)的一些实用效果代码
摘要:限定只能是写限定的东西的代码ENTER键可以让光标移到下一个输入框:只能是中文:只能是英文和数字.屏蔽了输入法:只能输入英文和数字:只能是数...

限定只能是写限定的东西的代码

ENTER键可以让光标移到下一个输入框:<inputonkeydown="if(event.keyCode==13)event.keyCode=9"><br>

只能是中文:<inputonkeyup="value=value.replace(/[-~]/g,'')"onkeydown="if(event.keyCode==13)event.keyCode=9"><br>

只能是英文和数字.屏蔽了输入法:<inputstyle="ime-mode:disabled"onkeydown="if(event.keyCode==13)event.keyCode=9"><br>

只能输入英文和数字:<inputonkeyup="value=value.replace(/[W]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,''))"onkeydown="if(event.keyCode==13)event.keyCode=9"><br>

只能是数字<inputonkeyup="value=value.replace(/[^d]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,''))"><br>

只能显示,不能修改的文本框<inputreadOnlyvalue="只能显示,不能修改">

input中只能输入数字在提交时提示

<scriptlanguage=javascript>

functiononlyNum()

{

if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)||(event.keyCode==8)))

event.returnValue=false;

}

</script>

<inputonkeydown="onlyNum();">

下拉列表打开窗口选择连接时弹出一个新窗口

<selectonChange="if(this.selectedIndex&&this.selectedIndex!=0){window.open(this.value);}this.selectedIndex=0;">

<optionselected>更多链接……</option>

<optionvalue="http://www.jb51.net";>cnbruce</option>

<optionvalue="http://www.21west.net";>daonet</option>

<optionvalue="http://www.blueidea.com";>blue!dea

</select>

一个复选框,点击之后一组复选框全部都选上

<inputtype="checkbox"name="checkA"onpropertychange="for(i=0;i<A.children.length;i++){A.children.checked=this.checked}">a

<br>

<spanid="A">

<inputtype="checkbox"name="A1">

<inputtype="checkbox"name="A2">

<inputtype="checkbox"name="A3">

</span>

select里的option进行分类列表

<spanstyle="position:absolute;border:1pxinset#d3d6d9"><selectstyle="margin:-2px;width:200px">

<optionselected>------------请选择------------</option>

<optgrouplabel="JavaScript&VBScript区">

<option>原创

<option>经典

<optgrouplabel="后台区">

<option>asp&sql

<option>php&mysql

</select></span>

提示限制输入的字符数

<scriptlanguage="JavaScript">

<

varsecs=15;

document.agree.agreeb.disabled=true;

for(i=1;i<=secs;i++){

window.setTimeout("update("+i+")",i*1000);

}

functionupdate(num){

if(num==secs){

document.agree.agreeb.value="我同意";

document.agree.agreeb.disabled=false;

}

else{

printnr=secs-num;

document.agree.agreeb.value="请认真查看<服务条款和声明>("+printnr+")";

}

}

//-->

</SCRIPT>

【表单(FORM)的一些实用效果代码】相关文章:

jquery表单对象属性过滤选择器用法

一些很实用且必用的小脚本代码第1/5页

一个很简单的办法实现TD的加亮效果.

Backbone.js的一些使用技巧

获得当前页面URL地址的三个JS代码

Js和JQuery获取鼠标指针坐标的实现代码分享

jquery实现弹出层效果实例

简单的防盗链功能代码(iframe)

COOL而实用的动态效果

jQuery实现返回顶部效果的方法

精品推荐
分类导航