<!DOCTYPE html>
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="jquery.js"></script>
<script>
$(function () {
$("#submit1").submit(function () { //为什么这里检测都不过，就自动提交了？问题在哪里？谢谢
if ($("#dataname").val() === "") {
alert("空的无法提交");
return false;
}
});
});
</script>
</head>
<body>
<div>
<form action="/pages-search-results.html" class="search nav-form">
<div class="input-group input-search">
<input type="text" class="form-control" name="q" id="q" placeholder="搜索暂未开通">
<span class="input-group-btn"> <button class="btn btn-default" type="submit" id="submits" name="submits"><i class="fa fa-search"></i></button></span>
</div>
</form>
<form id="MTform" autocomplete="off" method="post" action="config_addmodel">
<!-- <form id="MTform" name="MTform" autocomplete="off" method="post" action="config_addmodel">-->
<div>
<label>权限编码</label>
<div><input type="text" mtype="str:4:15" id="scode" name="scode">
<span>请严格按照开发代码填写。</span>
</div>
</div>
<div>
<label for="inputHelpText">主类标记</label>
<div><div id="prcls" style="float: left; width:100%;">
<!-- <input type="text" hidden name="model" id="model" value="add">-->
</div>
<div id="prcls1" style="float: left; width:100%;">
<button type="button" id="newpren">使用新父类</button>
<button type="button" id="oldpren">使用已有子类</button>
<div id="newinput"></div>
<span></span>
</div>
</div>
</div>
<div>
<label for="inputHelpText">数据库名</label>
<div>
<input type="text" id="dataname" name="dataname" mtype="str:4:30">
<span>请填写数据库名。</span>
</div>
</div>
<div>
<label>数据库表名</label>
<div>
<input type="text" id="sqlname" name="sqlname" mtype="str:4:30">
<span>请填写数据库表名。</span>
</div>
</div>
<div>
<label >备注说明</label>
<div>
<input type="text" id="remarks" name="remarks" mtype="PHONE:11:30">
<span>请填写该功能增加权限时的注意事项。</span>
</div>
</div>
<div style="text-align: center;">
<button type="submit" id="submit1" class="mb-xs mt-xs mr-xs btn btn-primary" ><i class="fa fa-check-square-o"></i> 提交信息</button>
<button type="reset" style="margin-left: 50px;"><i class="fa fa-undo"></i> 刷新页面</button>
</div>
</form>
</div>
</body>
</html>
$("#submit1").submit(function () {
改为
$("#submit1").click(function () {
submit是表单的事件，给submit按钮绑定无效，绑定click，return false同样可以阻止表单提交
因为你是from表单提交 这里点击button直接提交了
button type="submit" id="submit1" class="mb-xs mt-xs mr-xs btn btn-primary" > 提交信息你需要改成ajax异步提交
改成这样看看
$("#submit1").submit(function () { //为什么这里检测都不过，就自动提交了？问题在哪里？谢谢
if ($("#dataname").val() == "") {
alert("空的无法提交");
return;
}
});
你写的是$("#submit1").submit(function (){}) 执行的时候已经提交当然没用了
你可以给form绑定一个 onsubmit()事件
if ($("#dataname").val() == "") {
alert("空的无法提交");
return;
}
这个放到submit语句前面
function validate() {
var textVal = $("#dataname").val() ;
if (textVal == "" || textVal == null || textVal == undefined) {
alert("空的无法提交");
return false;
}
});
不用加什么代码啊,把你之前那个校验改成这样就行了
还有最好把 ===改成 ==,然后加上几个或判断,因为空值的情况可能是null,undefined,空串等类型都不一定
逻辑前后顺序问题，你这个是先提交了，再判断不起作用了，应该是先判断后再提交