js 如何获取表单提交的数组

JavaScript015

js 如何获取表单提交的数组,第1张

直接用js里的getElementsByName就可以获取所以name值相同的元素。但获取出来的并不是数组，而是类数组的元素集合。所以还需要一步变换，下面是简单代码：

<body> <input type="text" name="111" /> <input type="text" name="111" /> <input type="text" name="111" /> <input type="text" name="111" /> <input type="text" name="111" /> <input type="text" name="111" /> <input type="text" name="111" /> <input type="text" name="111" /> </body> <script> var oInp = document.getElementsByName('111') var aInp = [] for(var i=0i<oInp.lengthi++){aInp.push(oInp[i]) }</script> //这样aInp这个数组里存储的就是所以元素name为111的数组。

用表单给数组赋值，不管是什么类型的表单，先要获取表单的输入值，这个很多方法，然后循环付给数组

例如:

var arr=new Array()//定义数组

var myform=document.getElementsByTagName('form')[0]

var xinp=myform.getElementsByTagName('input')//获取表单中所有输入框

for(var i=0i<xinp.lengthi++)//循环

{

arr[i]=xinp[i].value//将每个输入框中的值付给数组对应项

}

1.最原始的方法

<form onsubmit="return submitFun()">  

<!-- submitFun()方法返回true跳转 返回false不跳转 --> function submitFun(){

var name = .. //表单数据

var password = ...//表单数据

var data = .. //数据库数据

if(name == data.name&&password = data.password){

    return true

}else{

    return false

}

}

2.jquery的原始的方法

<form></form>

用jquery提交表单，提交时逐一验证

$('form').submit(function(){

   if(...){

       return true

   }else{

       return false

   }

})

3.使用jquery插件

jquery官方有一个jquery.validate插件专门用作表单验证的，百度可以搜到大量教程。当然也可以下载其他的jquery表单验证插件，使用起来很方便。

个人推荐使用jquery插件