两个表单的的ajax 提交的js

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了两个表单的的ajax 提交的js相关的知识,希望对你有一定的参考价值。

var flag=false;
var flag1=false;
function checkPhone(obj){
    var mobile1=obj.parents(‘form‘).find(‘.mobile‘).val();
    if(!(/^1[34578]\d{9}$/.test(mobile1))){
        alert("手机号码有误,请重填");  
        flag=false
    }else{
        flag=true;
    }
    return flag;
}
function checkname(obj){    
    var name1=obj.parents(‘form‘).find(‘.username‘).val();
    if(!(/^[\u4e00-\u9fa5]{2,4}$/).test(name1)){
        alert("名字格式不对,请重填");  
        flag1=false
    }else{
        flag1=true;
    }
    return flag1;

}
$(‘#form1 button,#form2 button‘).click(function(){
    checkname($(this));
    checkPhone($(this));  
    var url1=window.location.href;
    var uri=new URI(url1);
    var query=uri.search(true);   
    if(query.gzid!==undefined){
        var gzid= query.gzid;

    }
    if(flag && flag1){
        var mobile=$(this).parents(‘.form-group-i‘).find(‘.mobile‘).val();
        var name=$(this).parents(‘.form-group-i‘).find(‘.username‘).val();
        // console.log(name);
        // console.log(mobile);
        $.ajax({
            type:"get",    //请求方式
            async:false,    //是否异步
            url:"http://www.jgjpf.cn/houtai/public/index/index/addgxg",    
            data:{"name":name,"mobile":mobile,"url":url1,"gzid":gzid},    //请求参数

            success: function(data) {

                alert("提交成功")


            },

        });

    }else{
        return false;
    }
    return false

})

以上是关于两个表单的的ajax 提交的js的主要内容,如果未能解决你的问题,请参考以下文章

javascript表单的Ajax 提交插件的使用

jquery 通过ajax 提交表单

用的ajax提交的表单,js base64编码怎么用

javascript 中两个表单如何分别提交

jquery.form.js提交 input file中的文件

PHP JS ajax在页面加载时提交表单,并且一旦另一个函数成功也会触发