yyc0114
2014-12-25 09:04
采纳率: 33.3%
浏览 8.9k

javascript如何监听form 表单提交请求?

前端form 表单提交请求如何监听?就像ajax请求可以通过xmlHttpRquest对象去监听
所有的ajax请求,对其中的参数做一层包装再发送到后台,后台返回的数据也可以在此
处做一次封装再发给指定的页面一样,但是xmlHttpRquest捕捉不到form表单提交的
请求,请问各位大神form表单提交的请求前端如何捕获?

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

6条回答 默认 最新

  • 已采纳

    表单的onsubmit事件,或者给input为submit的类型添加onclick事件也行,返回false阻止表单提交

     <form onsubmit="return check(this)>
    用户名:<input type="text" name="un"/>
    ......
    </form>
    <script>
    function check(f){
       if(f.un.value==''){alert('');f.un.focus();return false}
         //...其他验证
    }
    </script>
    
    点赞 打赏 评论
  • 娃都会打酱油了 2014-12-25 09:37

    给所有的form注册submit事件不就可以了?
    $('form').submit(function () { });

    点赞 打赏 评论
  • kekel1989 2014-12-25 12:26

    <!DOCTYPE html>










    <br> window.onload = function(){<br> function validate(value){<br> return /^\d+$/g.test(value);<br> };<br> var form = document.getElementById(&quot;mimi&quot;);<br> var num = document.getElementById(&quot;num&quot;);<br> form.onsubmit = function(){<br> if(validate(num.value)){<br> alert(&quot;true&quot;);<br> return true;<br> }else{<br> alert(&quot;false&quot;);<br> return false;<br> }<br> }<br> }<br>

    
    
    点赞 打赏 评论
  • kekel1989 2014-12-25 12:27
    <script>
        window.onload = function(){
            function validate(value){
                return /^\d+$/g.test(value);
            };
            var form = document.getElementById("mimi");
            var num = document.getElementById("num");
            form.onsubmit = function(){
                if(validate(num.value)){
                    alert("true");
                    return true;
                }else{
                    alert("false");
                    return false;
                }
            }
        }
    </script>
    
    点赞 打赏 评论
  • kekel1989 2014-12-25 12:29





    点赞 打赏 评论
  • 微wx笑 2014-12-25 14:15
     <form onsubmit="alert('你确定要提交表单吗?')">
    
    点赞 打赏 评论

相关推荐 更多相似问题