JQuery实现提交表单时候需要验证所有文本框是否为空吗?
这个可以在表单上添加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="提交表单"/>