php jquery ajax复选框验证_Php_Jquery_Ajax

php jquery ajax复选框验证

php jquery ajax

php jquery ajax复选框验证,php,jquery,ajax,Php,Jquery,Ajax,调用ajax时，数据不会传递。wen send函数名为validat（），在验证后分配给有效变量，返回值为true，但不会调用ajax将POST传递到php文件进行更新 <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" > <link rel="stylesheet" type="

调用ajax时，数据不会传递。wen send函数名为validat（），在验证后分配给有效变量，返回值为true，但不会调用ajax将POST传递到php文件进行更新

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" > 
    <link rel="stylesheet" type="text/css" href="css/style.css" >
</head>

<body>
    <div class="container">
        <div id="res1"></div>
        <div class="row">
            <input type="checkbox" name="language" id="language1"   value="English" >English<br/>
            <input type="checkbox" name="language" id="language2" value="French" >French<br/>
            <input type="checkbox" name="language" id="language3" value="German" onclick="validate();">German<br/>
        <input type="checkbox" name="language" id="language4" value="Latin" >Latin<br/>
            <button type="button" onclick="send();" >Send</button>
        </div>
        <div id="res"></div>
    </div>
</body> 
</html>

<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>

<script>

function send(){
    var valid = validate();
    if(valid){
        $.ajax({
            type:'POST',
            url:'process.php',
            data:{fruit:fruit},
            success:function(msg){
                    $("#res1").html(msg);
            },
            error:''
        });
    }
}
function validate(){
    var valid = true;

    var fruit = Array();
    $('input[name="language"]:checked').each(function(){
        fruit.push(this.value);
     });        
    if((fruit == '')){
        $("#res1").html("Atleast one checkbox      requiered").css({'color':'red'});
        $("#dem-res").html("Required").css({'color':'red'});
        valid = false;
    }else if(!(fruit == '')){
        $("#res1").html("");
        $("#dem-res").html("");
     }
    return valid;
}

</script>


英语

法语

德语

拉丁语

发送
函数send（）{
var valid=validate（）；
如果（有效）{
$.ajax({
类型：'POST'，
url:'process.php'，
数据：{水果：水果}，
成功：功能（msg）{
$（“#res1”）.html（msg）；
},
错误：“”
});
}
}
函数验证（）{
var valid=true；
var fruit=Array（）；
$（'input[name=“language”]：checked'）。每个（函数（）{
水果。推（这个值）；
});        
如果（（水果=“”））{
$（“#res1”）.html（“至少需要一个复选框”）.css（{'color'：'red'}）；
$（“#dem res”）.html（“必需”）.css（{'color'：'red'}）；
有效=错误；
}否则，如果（！（水果=“”））{
$（“#res1”）.html（“”）；
$（“#dem res”）.html（“”）；
}
返回有效；
}

将ajax代码替换为

$.ajax({
        type:'POST',
        url:'process.php',
        data:{'fruit':fruit},
        success:function(msg){
                $("#res1").html(msg);
        },
        error:''
    });

您在发送数据时出错。格式不正确，即。缺少引号。

取决于发送表单服务器的响应类型。可以提供更多帮助。如果您只是

echo

服务器中的一些html代码，我认为这就足够了。

用

$.ajax({
        type:'POST',
        url:'process.php',
        data:{'fruit':fruit},
        success:function(msg){
                $("#res1").html(msg);
        },
        error:''
    });

您在发送数据时出错。格式不正确，即。缺少引号。取决于发送表单服务器的响应类型。可以提供更多帮助。如果您只是

echo

服务器中的一些html代码，我认为这就足够了。

您缺少变量：

var fruit_name = "orange";
$.ajax({
        type:'POST',
        url:'process.php',
        data:{"fruit" : fruit_name},
        success:function(msg){
                $("#res1").html(msg);
        },
        error:''
    });

您缺少变量：

var fruit_name = "orange";
$.ajax({
        type:'POST',
        url:'process.php',
        data:{"fruit" : fruit_name},
        success:function(msg){
                $("#res1").html(msg);
        },
        error:''
    });

我想你错过了那里的数据类型。你想从服务器返回什么类型的数据。如果

json

使用

dataType:json

并在javascript中使用

json.parse（）

。我想你错过了那里的数据类型。你想从服务器返回什么类型的数据。如果

json

使用

dataType:json

并使用

json.parse（）

在javascript中。数据：{'fruit'：fruit}和fruit必须是任何变量名var fruit=“name”；数据：{'fruit'：fruit}和fruit必须是任何变量名var fruit=“name”；