web前端的坑

来源：互联网发布：centos 安装本地rpm包编辑：程序博客网时间：2024/04/30 01:34

第一个：

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

0 0