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>

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

<!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>


<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>





 <form onsubmit="alert('你确定要提交表单吗?')">
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐