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

Question

>我问一个关于在 PHP 中使用 jquery 和 ajax 提交条件表单字段的问题，在我的表单中有两种类型的选择框(1. 引用和 2. reference_info(，在引用选择框中有两个选项(1.无，和 2.朋友(如果用户选择第二个选项(朋友(，则用户必须在选择框中选择选项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>

Answer 1

尝试类似 this.do 不发布代码图像。

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;
}

Answer 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.");
}
}
});