使用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 οnclick="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 οnclick="user_login()">ajax</button>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22