zoukankan      html  css  js  c++  java
  • 无法在提交表单前通过ajax验证解决办法

    博主在一个小项目中,要实现注册表单无刷新验证用户名或密码,但是发现不管怎么样都无法在先通过ajax验证之前不提交表单。

    例如:一个简单的验证函数

    1 function check(){
    2     $.post("#name")("xxx.php",{user:user}function(msg){
    3     if(msg){return false;}
    4 })
    5 }
    1 <form class="form" method="post" action="xxx.php" onsubmit="return check()">
    2 <input type="text" name="user" id="user" />
    3 <button type="submit" value="提交"/>
    4 </form>

    提交会发现,表单直接提交了,而不会执行$.post里的事件。

    有网友这样解决的:

    1、用blur,在文本框失去焦点后传输数据并验证,返回结果。

    缺点:如果用户浏览器记录了表单信息,用户不会再点击文本框,提交后还是无法验证文本框。

    2、干脆不用submit,把button的type改成button,再添加一个点击函数onclick="check()",如果验证通过再$("form").submit()提交表单

    缺点:无法使用html5验证。

    博主就收集了这两种办法,如果有别的做法,不妨交流一下哦。

  • 相关阅读:
    C++ assert()断言
    libcurl API:CURLOPT_REFERER的用法
    hdu 2821 Pusher (dfs)
    快速找到跟踪其他session产生的trc文件
    10635
    pat 1055 区间前k个
    闲话Cache:始篇
    闲话缓存:算法概述
    instance 怎么获得自己的 Metadata
    通过 dhcp-agent 访问 Metadata
  • 原文地址:https://www.cnblogs.com/mrcln/p/4054313.html
Copyright © 2011-2022 走看看