form表单关的小知识.docVIP

  1. 1、本文档共11页,可阅读全部内容。
  2. 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  5. 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  6. 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  7. 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  8. 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
form表单关的小知识

form对象 一个form标记,就是一个form对象。 1、form对象的属性 name:表单的名称,主要用来让JS来控制表单。 action:表单的数据处理程序(PHP文件)。 method:表单的提交方式,取值:GET、POST enctype:表单数据的编码方式。 2、form对象的方法 submit():提交表单,与input type = “submit” /功能一样。 reset():重置表单,与重置按钮功能一样。 3、form对象的事件 onsubmit:当单击提交按钮时发生,并数据发往服务器之前发生。主要用来“在表单提交之前进行表单验证”。 onreset:当单击重置按钮时发生(了解)。 获取表单元素的 通过网页元素的id来获取对象。document.getElementById(id) 通过HTML标签名来获取对象。parentNode.getElementsByTagName(tagName) 通过name属性来获取表单元素对象。表单中所有元素的起点都必须是document对象。 语法:document.formObj.elementObj 访问方式是三层结构。其中,formObj代表表单对象,elementObj代表表单元素对象。 举例:document.form1.username.value.length 事件返回值 事件的返回值,会影响对象的默认动作。如:a标记的默认动作是打开一个网址。 如果事件返回false,则阻止默认动作的执行;如果事件返回true或空,则默认动作继续执行。 受返回值影响的事件有两个:onclick、onsubmit。 提交和验证方法总结 1、使用submit按钮,结合onsubmit事件来实现(最常用) 2、submit按钮,结合onclick事件,实现表单的验证和提交 3、button按钮(普通按钮),结合submit()方法,实现表单验证提交 script type=text/javascript function checkForm() { if(document.form1.username.value.length == 0) { //如果用户名为空 window.alert(用户名不能为空!); }else if(document.form1.username.value.length5 || document.form1.username.value.length20) { //如果用户名长度小于5或大于20 window.alert(用户名只能介于5-20个字符!); }else if(checkOtherChar(document.form1.username.value)) { //如果用户名含有特殊符号 window.alert(用户名中含有特殊符号!); }else { //如果验证通过,提交表单 window.alert(验证通过!); //表单提交方法 document.form1.submit(); } } function checkOtherChar(str) { //定义一个特殊符号的数组 var arr = [*,,,,$,\\,/]; //循环比较:数组中的每一个字符,与用户名每一个字符进行比对 for(var i=0;iarr.length;i++) { for(var j=0;jstr.length;j++) { if(arr[i]==str.charAt(j)) { return true; } } } //如果没找到 return false; } /script /head body form name=form1 method=post action=login.php 用户名:input type=text name=username / 密码:input type=password name=userpwd / input type=button value=提交按钮 onclick=checkForm() / /form input对象 一个input标记,就是一个input对象。 1、input对象的属性(以type=text为例) name:表单元素的名称。 value:表单元素的值,用户输入的内容,可以通过该属性来获取。 size:表单的长度。 maxlength:表单元素的最大长度(最多可输的字符数)。 disabled:禁用属性。 readonly:只读属性。 2、input对象的方法 focus():获得焦点的方法(定位光标)。 blur():失去焦点的方法(移走光标)。 select():选

文档评论(0)

wst34008 + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档