使用ajax登錄驗證，第一次點擊登錄按鈕無反應，第二次點擊才能進去。

問題描述：

使用ajax進行登錄驗證時，第一次點擊登錄按鈕無反應，第二次點擊才能進去。

解決方法：

原來的代碼

<form action="" method="post">
<span>&nbsp;賬號:&nbsp;</span>
<div class="layui-inline">
<input type="text" placeholder="請輸入" name="username" id="username" class="layui-input"/>
</div>
<span>&nbsp;密碼:&nbsp;</span>
<div class="layui-inline">
<input type="text" placeholder="請輸入" name="password" id="password" class="layui-input"/>
</div>

<button onclick="user_login()">ajax</button>
</form>

 

只要把action="" method="post"去掉

把button放form外面就行了

原因是form表單下的按鈕在沒有指定type類型的時候，button會有一個默認的type=”submit”

所以用ajax的時候不要在form加action

<form>
<span>&nbsp;賬號:&nbsp;</span>
<div class="layui-inline">
<input type="text" placeholder="請輸入" name="username" id="username" class="layui-input"/>
</div>
<span>&nbsp;密碼:&nbsp;</span>
<div class="layui-inline">
<input type="text" placeholder="請輸入" name="password" id="password" class="layui-input"/>
</div>
</form>
<button onclick="user_login()">ajax</button>