如何用jquery验证table里的input是否被输入，不为空时才可提交，否则不能提交
4个回答
展开全部
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。
2、在index.html中的<script>标签，输入jquery代码：
if ($('input').val() !== '') {
$('body').append('可以提交');
} else {
$('body').append('不可以提交');
}
3、浏览器运行index.html页面，此时会通过jquery哦按到input输入框是否有被输入，打印出是否可以提交的结果。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
">
<html xmlns="
http://www.w3.org/1999/xhtml
">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function doFn(){
var flag = true;//是否全部输入 默认true
$("#mytab input").each(function (){
if($(this).val()==""){//有空输入，将flag置为false
flag = false;//
}
});
if(flag){
alert("全部输入，提交内容");
}else{
alert("有空输入，不能提交!");
}
}
</script>
<head>
<body>
<table id="mytab" width="400" border="0">
<tr>
<td><input type="text"/></td>
<td><input type="text"/></td>
</tr>
<tr>
<td><input type="text"/></td>
<td><input type="text"/></td>
</tr>
<tr>
<td><input type="text"/></td>
<td><input type="text"/></td>
</tr>
</table>
<input type="button" value="提交" onclick="doFn();"/>
</body>
</html>
更多追问追答
追问
如何能实现不用alert弹出提示框，而是判断内容全部不为空时，提交按钮可用，而有空值时提交按钮为灰色不可用，谢谢
追答
无标题文档
function myKeyUp(event){
var flag = true;
$("#mytab input").each(function(){
if($(this).val()==""){
flag = false;
}
});
if(flag){
$("#mybtn").attr("disabled",false);
}else{
$("#mybtn").attr("disabled",true);
}
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$("input").attr("required", "required");
或者直接在input中添加属性required="required";
或者直接在input中添加属性required="required";
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
提交前可以验证
if($.trim($("#ssss").val())!="")
{
//提交
}
if($.trim($("#ssss").val())!="")
{
//提交
}
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
