操作Javascript表单域的技巧介绍
-
Javascript操作表单域的两个重要技巧Byshawl.qiu
说明:
技巧一:
当表单提交或重置时向客户端进行确认操作
技巧二:
列出表单域中所有元素及其重要属性,就是input,select等的name,value等.
总结:
用这两个技巧可以写一个通用的客户端表单验证函数,至于怎么写,动动脑筋就行了^^.
但是鄙人还是觉得,不能过于依赖客户端的验证机制,现在的人聪明得很,只要花一点小心思,就可以避过客户端的一切限制,鄙人就乐于此道.
目录:
1.当表单提交或重置时向客户端进行确认操作
2.列出表单域中所有元素及其重要属性
shawl.qiu
2006-10-29
http://blog.csdn.net/btbtd
目录:
1.当表单提交或重置时向客户端进行确认操作-
linenum
- <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
- <scripttype="text/javascript">
- //<![CDATA[
- functionfCfm(msg){
- if(confirm(msg))returntrue;
- returnfalse;
- }//shawl.qiuscript
- //]]>
- </script>
- <formname="form1"id="form1"method="get"action=""
- onsubmit="returnfCfm('现在提交数据吗?');"
- onreset="returnfCfm('现在重置表单域所有内容吗?');">
- <inputname="textfield"type="text"value="tbxdefaultvalue"/>
- <br/>
- <textareaname="textarea">txadefaultvalue</textarea>
- <br/>
- <inputtype="submit"name="Submit"value="Submit"/>
- <inputtype="reset"name="Reset"value="Reset"/>
- </form><br/>
- <ahref="?">back</a>
2.列出表单域中所有元素及其重要属性
-
linenum
- <scripttype="text/javascript">
- //<![CDATA[
- functionfListFmEle(obj){
- try{w.close();}catch(e){}
- w=open('','popup','width=500,height=500,left=200,top=100,scrollbars')
- w.document.write('<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>');
- for(vari=0;i<obj.length;i++){
- w.document.write('objname:',obj[i].name.fontcolor('red'),
- '<br/>objtype:',obj[i].type.fontcolor('red'),
- '<br/>obj.value:',obj[i].value.fontcolor('blue'),
- '<p/>');
- }
- w.document.onclick=function(){w.close();}
- w.focus();
- }//shawl.qiuscript
- //]]>
- </script>
- <ahref="#"onclick="fListFmEle(document.fm);">listformelements</a><p/>
- <formname="fm"id="fm"method="post"action="">
- <inputname="textfield"type="text"value="tbxvalue"/><br/>
- <inputtype="radio"name="RadioGroup1"value="radio"/>Radio<br/>
- <inputtype="radio"name="RadioGroup1"value="radio"/>Radio<br/>
- <inputname="cbx"type="checkbox"id="cbx"value="checkbox"/>
- <inputname="cbx1"type="checkbox"id="cbx1"value="checkbox"/>
- <inputname="cbx2"type="checkbox"id="cbx2"value="checkbox"/><br/>
- <selectname="select">
- <optionvalue="v">opt</option>
- <optionvalue="v1">opt1</option>
- </select><br/>
- <selectname="sle1"size="2"multipleid="sle1">
- <optionvalue="v">sle</option>
- <optionvalue="v1">sle1</option>
- </select><br/>
- <textareaname="textarea">txavalue</textarea><br/>
- <inputtype="submit"value="Submit"/>
- <inputtype="reset"value="Reset"/>
- </form>
本文地址:http://www.45fan.com/a/question/68176.html