侯体宗的博客 javascript读取表单数据

石可破，丹可磨

javascript读取表单数据

Java  /  管理员 发布于 2021-04-30 16:53:05   13

利用javascript读取表单数据，可以利用以下三种方法获取：

1、通过表单ID属性：var a = document.getElementByIdx_x_x("id");

2、通过表单名称属性：var b = document.getElementsByName("name");

3、直接通过表单名字获取：var c = form.content.value;

而通常的表单验证方法则非常简单；在表单里加上一句：onsubmit="return check(this);" ，然后在js里写上这样的一个check函数就可以了。

 

实例：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>获取表单数据</title></head><body onLoad="loadForm()"> <form name="add" method="post" onSubmit="return check(this);" action="">  <input name="title" id="t1" type="text" size="50" maxlength="100"/>  <input type="submit" name="s" value="我要发布"/> </form></body></html><!--##JS表单验证函数开始##--><script language="JavaScript">//js验证表单function check(it){ var a=it.title.value; //var a = document.add.title.value; //var a = document.add.t1.value; //var a = document.getElementByIdx_x("t1").value; if(a.length<5){  alert("提示：标题长度不能小于5！");  copyok(it);  document.add.title.focus(); //聚焦[提交表单后,会重新加载页面,聚焦没什么作用] }}//复制表单内容到剪贴板function copyok(it){ var a=it.title.value; window.clipboardData.setData('Text',a); //复制到剪贴板 //alert("提示：内容已经复制到剪贴板！\n\n如果提交失败，可以直接粘贴！");}//自动装载,可从剪贴板获得复制的值function loadForm() { var titleInitValue = window.clipboardData.getData('Text'); //alert(titleInitValue);}</script>

 


  • 上一条：
    网络编程基础篇之JavaScript-学习笔记
    下一条：
    javascript闭包[两个小测试例子]

    • 昵称：

    邮箱：

    0条评论
    Top

    Auther ·HouTiZong© 2009-2020 zongscan.com 版权所有ICP证: 粤ICP备20027696号 PHP交流群 也可以扫右边的二维码

    侯体宗的博客