什么?你还不会通过纯js提交表单?

如果程序已经封装好了, 不管后台是java 、asp。net   、还是php   ?这个时候你的客户突然追加说我要 追加表单验证?   what  妇产科    怎么办?

submit  自带刷新效果 ,当表单提交后,在js里走验证的话,很难解决自刷新问题,今天分享一个干货十分受用

废话不多说上代码:

function checkForm(form) {
        if ($("#class").val() == "") {
            alert("请选择年级和班级!");
            $("#class").focus();
            return false;
        }
        $.ajax({
            cache: false,
            type: "post",
            url: "{:url('add_leave_post')}",
            data: $(form).serializeArray(),
            async: true, //同步请求, 其它操作必须等待请求完成才可以执行
            success: function (dd) {
                console.log(dd);
                if (dd.code == 1) {
                    alert(dd.msg);
                    window.location.href = dd.data;
                } else {
                    alert(dd.msg);
                }

            }
        });
        return false;
    }



<form class="region_ul" action="" method="post" id="form" onsubmit="return checkForm(this);">

只需要修改你的  form表单,想不到吧?之前总是在  type=“submit” 上做文章,今天又get到一个新的技能,  直接在form 标签上 加上   onsubmit  事假,即可完成纯js验证。

原文地址:https://www.cnblogs.com/yizhiduxiublog/p/13262741.html