js获取不定数量参数的方法

本文介绍了在JavaScript中如何验证动态生成的input标签,确保所有输入字段已填写。通过使用`getElementsByName`获取名为'params'的输入数组,然后遍历并检查每个字段的值。如果发现为空,则提示相应字段不能为空,阻止表单提交。提供了两种方法,一种利用原生属性'id',另一种使用非原生属性'propertyName'作为自定义属性进行验证。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

需求:提交之前,验证不确定长度的input标签是否都已经填写,如果填写,可进行下一步提交
 
jsp代码如下
<form action="*" method="post" id="form1" onsubmit="return verify();"> 
    <s:iterator value="#request.L" var="l" >
        <input type="text" id="params" id ="<s:property value="#l" />propertyN="<s:property value="#l" />" name="params" value="" />
     </s:iterator>
</form>
解释:    L是一个list集合,不确定长度 
               
propertyN为input标签内自定义属性

js代码如下:
    一、标签的原生属性做法:
 
function verify(){
//根据name获得名称为params的数组
var paramsArray = document.getElementsByName("params");
for( var i=0; i<paramsArray.length; i++){
var input = paramsArray[i];
var v = input.value;
if(v == null || v ==''){
//id是原生属性 (id)
alert(input['id'] + '不能为空');
return false;
}
}
return true;
 }

    二、标签的非原生属性做法:
 function verify(){
//根据name获得名称为params的数组
var paramsArray = document.getElementsByName("params");
for( var i=0; i<paramsArray.length; i++){
var input = paramsArray[i];
var v = input.value;
if(v == null || v ==''){
//propertyName自定义的属性,input['propertyName']获取自定义属性的值
alert(input.getAttribute('propertyName'); + '不能为空');
return false;
}
}
return true;
 }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值