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验证表单是不是为空的主要内容,如果未能解决你的问题,请参考以下文章

如何验证jsp表单提交不为空

iview表单验证一直提示为空的几个原因?

巧用jquery实现提交(submit)表单时候验证文本框是否为空

jQuery检查表单输入是不是为空,除了一个

Jquery 验证 - 如果表为空

AngularJS - 表单自定义验证 - 检查至少一个输入是不是为空