JQuery实现提交表单时候需要验证所有文本框是否为空吗?
发布网友
发布时间：2022-04-23 19:52
共1个回答
热心网友
时间：2022-04-21 23:31
这个可以在表单上添加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;
}
</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="提交表单"/>
