JS获取表单数据

最新推荐文章于 2023-02-27 18:28:10 发布

bluewelkin

最新推荐文章于 2023-02-27 18:28:10 发布

阅读量657

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/bluewelkin/article/details/60328392

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<html>
<script type="text/javascript">  
   
 function get()  
 {  
    //取出id为“one”表单中所有的属性的数据  
    var form = document.getElementById("one");  
    //one表单中第一个元素属性值  
    var content = form.elements(0).value;   
    alert(content); //user的值  
      
    //也可以直接通过元素的属性Id来直接获取  
    var pass = document.getElementById("username").value;  
    alert("pass : " + pass);  
    var ipv6 = document.getElementById("ipv6").value;  
    alert(ipv6);  
 }  
 function severCheck()  
 {  
     //取出id为“one”表单中所有的属性的数据  
    var form = document.getElementById("one2");  
	/*  var loginname = $("#userName").val(); 
	 alert (loginname);  */
	 
   var yonghuming = document.getElementById("userName").value; 
	 alert (yonghuming); 
    //one表单中第一个元素属性值  
    var content = form.elements(0).value;   
    alert(content); //user的值  
      
    //也可以直接通过元素的属性Id来直接获取  
    var age = document.getElementById("age").value;  
    alert("age : " + age);  

 }  
   
 </script>  
   
 <body>  
   <form action="hehe.jsp" id="one" method="post" name="one1" >  
     user : <input type="text"   id="username" name="user"  value="" /><br>  
     pass : <input type="text"   id="password" name="pawd"  value="" /><br>  
     ipv6 : <input type="text"   id="ipv6" name="ipv6"  value="" /><br>  
     vlan : <input type="text"   id="vlan" name="vlan" value="" /><br>  
     <input type="button" value = "button" οnclick="get()">  
     </form>  
     	<h>json添加用户</h>
     	<form action="index.jsp"  id="one2" method="post" name="one2">
	姓名：<input type="text" id="userName" name="userName">
	年龄：<input type="text" id="age" name="age">
	<input type="button" id="add" value="登录" οnclick="severCheck();">
	</form>
     
 </body>  
 </html>

bluewelkin

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS获取表单数据

function get() { //取出id为“one”表单中所有的属性的数据 var form = document.getElementById("one"); //one表单中第一个元素属性值 var content = form.elements(0).value; alert(content); //user的值
复制链接

扫一扫

专栏目录