JQuery实现提交表单时候验证所有文本框是否为空

发布网友 发布时间：2022-04-22 05:47

我来回答

共2个回答

热心网友 时间：2022-04-22 21:26

这个可以再表单上添加onsubmit函数和使用jQuery的each函数来判断

<form ation="目标地址" method="post" onsubmit="return checkForm();" id="frm">
    文本1：<input type="text" name="txt1" value="" placeholder="文本1不能为空"/><br/>
    文本2：<input type="text" name="txt2" value="" placeholder="文本2不能为空"/><br/>
    文本3：<input type="text" name="txt3" value="" placeholder="文本3不能为空"/><br/>
    文本4：<input type="text" name="txt4" value="" placeholder="文本4不能为空"/><br/>
    文本5：<input type="text" name="txt5" value="" placeholder="文本5不能为空"/><br/>
    <input type="submit" value="提交表单"/>
</form>

热心网友 时间：2022-04-22 22:44

这个可以在表单上添加onsubmit函数和使用jQuery的each函数来判断

varflag=true;

functioncheckForm(frm){

$("#frminput[type='text']").each(function(i,obj){

if(obj.value==""){

alert($(obj).attr("placeholder"));

flag=false;

returnfalse;

}

});

returnflag;

}

<&#47;script>

文本1：

文本2：

文本3：

文本4：

文本5：

这个可以在表单上添加onsubmit函数和使用jQuery的each函数来判断

<script type="text/javvascript">

var flag = true;

function checkForm(frm) {

$("#frm input[type='text']").each(function(i, obj) {

if(obj.value == "") {

alert($(obj).attr("placeholder"));

flag = false;

return false;

}

});

return flag;

}

</script>

<form ation="目标地址" method="post" onsubmit="return checkForm();" id="frm">

文本1：<input type="text" name="txt1" value="" placeholder="文本1不能为空"/><br/>

文本2：<input type="text" name="txt2" value="" placeholder="文本2不能为空"/><br/>

文本3：<input type="text" name="txt3" value="" placeholder="文本3不能为空"/><br/>

文本4：<input type="text" name="txt4" value="" placeholder="文本4不能为空"/><br/>

文本5：<input type="text" name="txt5" value="" placeholder="文本5不能为空"/><br/>

<input type="submit" value="提交表单"/>