- 1、本文档共11页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 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():选
您可能关注的文档
最近下载
- 芜湖市住建局编外工作人员招聘笔试题库2025.pdf VIP
- 人教版初中物理(八年级上册)第1-4章测试卷.doc VIP
- 工程造价审计投标方案.docx
- 2025年湖南电气职业技术学院教师招聘考试笔试参考题库附答案解析.docx VIP
- HCT考试题附答案.docx
- 2022年安徽省濉溪县医院系统招聘考试《医学综合知识》真题库及答案.docx VIP
- 2025年国家林业和草原局直属单位第二批招聘应届毕业生246人笔试备考试题及答案解析.docx VIP
- FSSC 22000 V5.1 程序文件合集.docx VIP
- 一年级100以内加减法口算题(30套-每天一页100题-可以直接打印).pdf VIP
- 2025国家林业和草原局直属单位招聘246人笔试备考试题及答案解析.docx VIP
文档评论(0)