zoukankan      html  css  js  c++  java
  • 什么?你还不会通过纯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验证。

  • 相关阅读:
    Flexbox
    jquery.cropper 裁剪图片上传
    让Sublime Text3支持Less
    css实现图片垂直居中
    手淘适配-flexible
    CSSREM
    vue.js+boostrap最佳实践
    最好用的技术是最基础的
    响应式网页布局
    php基础入门
  • 原文地址:https://www.cnblogs.com/yizhiduxiublog/p/13262741.html
Copyright © 2011-2022 走看看