jquery验证表单是不是为空
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery验证表单是不是为空相关的知识,希望对你有一定的参考价值。
jquery判断表单提交内容是否为空按照代码就能实现。
简单代码如下:
$(document).ready(function()
$(“form”).submit(function()
if ($(“select[name=\'boardid\']“).val() == “”)
alert(“对不起,请选择类别!”);
$(“select[name=\'boardid\']“).focus();
return false;
if ($(“select[name=\'boardid\']“).val() == “请选择分类”)
alert(“对不起,请选择类别!”);
$(“select[name=\'boardid\']“).focus();
return false;
if ($(“input[name=\'txtcontent\']“).val() == “”)
alert(“对不起,请填写内容!”)
$(“input[name=\'txtcontent\']“).focus();
return false
if ($(“input[name=\'txtcontent\']“).val().length > 150)
alert(“对不起,内容超过150个字符限制!”)
$(“input[name=\'txtcontent\']“).focus();
return false
)
$(“#t”).keyup(function()
$(“.inner”).text($(“input[name=\'txtcontent\']“).val());
).change(function()
$(“.inner”).text($(“input[name=\'txtcontent\']“).val());
);
); 参考技术A function checkFeedbackData()
if(document.getElementById("email").value == "")
alert("email必填!");
document.getElementById("email").focus();
return false;
if(document.getElementById("tel").value == "")
alert("电话必填!");
document.getElementById("tel").focus();
return false;
if(document.getElementById("content").value == "")
alert("反馈内容必填!");
document.getElementById("content").focus();
return false;
然后这边表单里面加个提交动作用js判断的:
<form action="sent.asp?go=sent" method="post" onsubmit="return checkFeedbackData()">
这个是js的验证,实在不行你用这个修改看看,顺道吧你结构贴出来看看,我jq的还没测过呢。。 参考技术B 建议用插件,如validate.js,可以对表单里所有控件进行验证,不仅仅是非空验证,还可以进行输入格式验证,只要修改相应的校验规则就可以了。 参考技术C 怎么又5,6个人都是这个问题了,问题名字都是一样的,只是名字不一样!这什么情况!
var a1 = $("#id").val();
if(a1=="")
//alert(“这是空”);
else
//alert(“不为空”);
本回答被提问者和网友采纳 参考技术D if($('input["name=id"]'))
return true;
else
return false;
巧用jquery实现提交(submit)表单时候验证文本框是否为空
http://www.cnblogs.com/wifi/articles/2387131.html
先引用jquery
Html部分---------------------------------
<form>
<table>
<tr>
<td align="center"><input id="t1" type="text" size="5" msg="姓名" /> </td>
<td align="center"><input id="t2" type="text" size="5" msg="性别" /></td>
<td align="center"><input id="t3" type="text" size="5" msg="年龄" /></td>
<td align="center"><input id="t4" type="text" size="5" msg="地址" /></td>
<td align="center"><input id="t5" type="text" size="5" msg="邮箱" /></td>
<td align="center"><input id="t6" type="text" size="5" msg="省份" /></td>
</tr>
<tr>
<td align="center"><input type="submit" onclick="return checkNull()" /></td>
</tr>
</table>
<form>
js部分------------------------
<script type="text/javascript">
function checkNull()
{
var num=0;
var str="";
$("input[type$=‘text‘]").each(function(n){
if($(this).val()=="")
{
num++;
str+="?"+$(this).attr("msg")+"不能为空!\\r\\n";
}
});
if(num>0)
{
alert(str);
return false;
}
else
{
return true;
}
}
</script>
以上是关于jquery验证表单是不是为空的主要内容,如果未能解决你的问题,请参考以下文章