第一个:
<form id="queryform" action="/user/list" method="post">
<ul>
<li>
<label>用户名</label>
<input type="text" id="text_content" name="content" />
</li>
<li><button onclick="searchUsers()">查询</button> </li>
<li><label id="label_tip" ></label></li>
</ul>
</form>
js函数
function searchUsers() { //Navy
$("#label_tip").html("") ;
var content = $("#text_content").val();
if(content==undefined || content==null || content=="") {
$("#label_tip").html("请输入查询信息");
return;
} else {
$("#queryform").submit();
}
}
发现一个坑 当我点击button, 而且 content 为空时, form就提交了. 心里是崩溃的。 查资料发现因为button没有加类型,改为如下就好了
<form id="queryform" action="/user/list" method="post">
<ul>
<li>
<label>用户名</label>
<input type="text" id="text_content" name="content" />
</li>
<!--type="button"加上这个就可以了-->
<li><button type="button" onclick="searchUsers()">查询</button> </li>
<li><label id="label_tip" ></label></li>
</ul>
</form>