web前端的坑

第一个：

<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>