在 PHP 中使用 jquery ajax 提交条件表单元素答案

【问题标题】：Conditional Form elements submitting using jquery ajax in PHP在 PHP 中使用 jquery ajax 提交条件表单元素
【发布时间】：2019-12-11 08:32:17
【问题描述】：

我在问一个关于在 PHP 中使用 jquery 和 ajax 提交条件表单字段的问题，在我的表单中有两种类型的选择框（1.reference 和 2.reference_info），在参考选择框中有两个选项（1 . None, and 2. Friends) 如果用户选择第二个选项 (Friends) 那么用户必须在 reference_info 选择框中选择选项。

// Submit Form
$('#add_new_user').on('submit', function(event){
    event.preventDefault();
    var name        = $('#name').val();
    var age         = $('#age').val();
    var gender      = $('#gender').val();
    var address     = $('#cddress').val();
    var contact     = $('#contact').val();
    var reference   = $('#reference').val();
    var ref_info    = $('#reference_info').val();

    if(name != '' && age != '' && gender != '' && reference != '' && ref_info != ''){
        var formData = $(this).serialize();
        /*$.ajax({
            url:"ajax.php",
            method:"post",
            data:formData,
            success:function(data){
                alert(data);
            }
        });*/
        alert(formData);
    }else{
        alert("Please fill required fields.");
    }
});

表格结构：参考选择框

<select name="reference" class="form-control" id="reference">
    <option>Select</option>
    <option value="1">None</option>
    <option value="2">Friends</option>
</select>

参考信息选择框

<select name="reference_info" class="form-control" id="reference_info">
    <option>Select</option>
    <option value="1">Friend 1</option>
    <option value="2">Friend 2</option>
    <option value="3">Friend 3</option>
</select>

【问题讨论】：

您的问题到底是什么？你面临什么问题？请不要将代码粘贴为问题中的图片。阅读How to Ask。
if(ref_info != 'Friends' && reference == '') return false;
@lovelace 问题很简单，如果用户在参考选择框中选择选项（朋友），用户必须在参考信息选择框中选择选项然后表单将提交
@BhAvikGajjar 我在哪里添加这个 -> if(ref_info != 'Friends' && reference == '') return false; ?
@user12052529 之前的 if 条件

标签： php jquery mysql ajax

【解决方案1】：

试试这样的东西。不要发布代码图像。

function friends_function() {
if(ref_info == '') {
    alert("please fill ref_info")
    return
 } 

 //here ajax function


}  

function none_ref_funtion() {
    //your normal ajax function
}






switch(reference) {
    case "friends":
    friends_function();
    break;
    case "none":
    none_ref_function();
    break;
}

【讨论】：

【解决方案2】：

$('#add_new_user').on('submit', function(event){
    event.preventDefault();
    var name        = $('#name').val();
    var age         = $('#age').val();
    var gender      = $('#gender').val();
    var address     = $('#cddress').val();
    var contact     = $('#contact').val();
    var reference   = $('#reference').val();
    var ref_info    = $('#reference_info').val();

    var errorcount = 0; 
    if(reference == 'Friends' && ref_info == '') {
      errorcount++;
      alert("Please select ref info");
    }

    if(errorcount == 0){

     if(name != '' && age != '' && gender != '' && reference != ''){
        var formData = $(this).serialize();
        /*$.ajax({
            url:"ajax.php",
            method:"post",
            data:formData,
            success:function(data){
                alert(data);
            }
        });*/
        alert(formData);
      }else{
        alert("Please fill required fields.");
     }
   }
});

【讨论】：