以下代码在火狐浏览器上面测试
因为谷歌浏览器有页面缓存 导致更新代码后 浏览器不及时同步
错误代码示范:
html
<form action="register.php">
账号<input id="account" type="text" name="account" value="" autocomplete="on"/><br/>
密码<input id="pwd" type="password" name="pwd" value="" autocomplete="on">
<button id="showPwd" type="button" name="button">显示密码</button>
<button id="hidePwd" type="button" name="button">隐藏密码</button>
<button id="Mylogin" type="submit" >登录</button>
<button id="register" type="submit">注册</button>
</form>
jquery js代码
//登录页面
$(function()
{
//登录或者注册
//登录
$("#Mylogin").click(function()
{
action="login"
var value1=$("#account").val()
var value2=$("#pwd").val();
$.get("register.php",function(data,status)
{
alert(data)
})
})
})
这样会导致原生form表单提交和jquery的ajax http方法冲突
必须把form标签删除掉
账号<input id="account" type="text" name="account" value="" autocomplete="on"/><br/>
密码<input id="pwd" type="password" name="pwd" value="" autocomplete="on">
<button id="showPwd" type="button" name="button">显示密码</button>
<button id="hidePwd" type="button" name="button">隐藏密码</button>
<button id="Mylogin" type="submit" >登录</button>
<button id="register" type="submit">注册</button>
//登录页面
$(function()
{
//登录或者注册
//登录
$("#Mylogin").click(function()
{
action="login"
var value1=$("#account").val()
var value2=$("#pwd").val();
$.get("register.php",function(data,status)
{
alert(data)
})
})
})
这样,在火狐浏览器就测试成功了,但是谷歌浏览器又出问题了。TAT
记得把 button type="submit" 取消这个type属性
网友评论