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

 我来答
甲骨文蜒怪
推荐于2019-08-24 · TA获得超过699个赞
知道答主
回答量:19
采纳率:62%
帮助的人:1.1万
展开全部

这个可以在表单上添加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="提交表单"/>

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式