form submit拦截表单提交拦截

最新推荐文章于 2023-08-26 14:44:49 发布

weixin_34228662

最新推荐文章于 2023-08-26 14:44:49 发布

阅读量1.2k

点赞数

文章标签：运维 javascript ViewUI

原文链接：https://my.oschina.net/fdhay/blog/17508

版权

为什么80%的码农都做不了架构师？>>>

[code]

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>previous form submit</title>
<script type="text/javascript">
posted = false;
function submitForm(form)
{
    form.submit();
}

/**
* This is a form submit interceptor.
* In order to avoid duplicate submitting error, it will check posted flag. if posted flag is still false, will set it to true.
* Usage:
*    <body οnlοad="formSubmitInterceptor();">
* @author yangjincheng
*/
function formSubmitInterceptor()
{
    var forms = document.getElementsByTagName("form");
    if(!forms.length)
    {
        //if no form tag exists.
        return;
    }
    for(var i = 0; i < forms.length; i++)
    {
        form = forms[i];
        form.preFormSubmit = form.submit;
        form.submit = function(){
                if(typeof posted == "undefined")
                {
                    alert("You must define variable: posted !!!");
                    return;
                }
                if(posted)
                {
                    alert("form is submitted!");
                    return;
                }
                //1: When form submit, if posted is still false, set it to true.
                if(!posted)
                {
                    posted = true;
                }
                //2: Then submit form.
                alert("Previous submit, you can add your code here...");
                form.preFormSubmit();
            }
    }
}

</script>
</head>
<body οnlοad="formSubmitInterceptor();">
<form action="http://wwww.google.com" method="get" enctype="application/x-www-form-urlencoded">
<input name="name1" />
<input name="name2"/>
<input type="button" οnclick="submitForm(this.form);" value="提交">
</form>
</body>

</html>

[code]

转载于:https://my.oschina.net/fdhay/blog/17508