javascript - Javascript简单验证问题

Question

我是 Javascript 新手，这是我的学习过程。

好吧，我有一个 html 表单，我正在尝试使用 Javascript 对其进行验证。以下是我的一些验证代码：

var x=document.forms["myForm"]["fname"].value;
if (x==null || x=="")
{
alert("First name must be filled out");
return false;
}

var x=document.forms["myForm"]["email"].value;
var atpos=x.indexOf("@");
var dotpos=x.lastIndexOf(".");

if (x==null || x=="")
{
alert("Emaill address require");
return false;
}

在这个表单中，我有 2 个下拉字段，如果两个字段都为空，我想使用以下代码验证它：

var x=document.forms["myForm"]["pf_social_plan"].value;
var atpos=x.indexOf("@");
var dotpos=x.lastIndexOf(".");

var p=document.forms["myForm"]["pf_combo_offer_details"].value;
var atpos=p.indexOf("@");
var dotpos=p.lastIndexOf(".");


if (x==null || x=="" && p==null || p=="")
{
alert("Select only one drop down field");
return false;
}

但它不起作用的财产。我知道我的代码有问题。你们能帮我吗？
谢谢你。

更新html代码：

<tr>
<td>Social Combo Packages Combo A-C= tweets / pin / likes & Youtube page 1 service 
</td>
<td valign="top">
<select id="pf_social_plan" name="pf_social_plan">
<option value="" selected="selected">--Select--</option>
<option value="Social Combo Package A = $25.00">Social Combo Package A = 
$25.00</option>
<option value="Social Combo Package B = $42.00">Social Combo Package B = 
$42.00</option> 
</select>
</td>
</tr>

<tr>
<td valign="top">social Combo offer details</td>
<td valign="top"><textarea id="pf_combo_offer_details" name="pf_combo_offer_details" 
rows="5" cols="75" placeholder="Please provide social Combo offer details"><?php 
if(isset($_POST['pf_combo_offer_details'])) echo $_POST['pf_combo_offer_details']; 
?></textarea>   </td>
</tr>

Answer 1

要验证选择（下拉），请执行以下操作：

 var xSelectedValue=document.forms["myForm"]["pf_social_plan"].value;

 var pSelectedValue=document.forms["myForm"]["pf_combo_offer_details"].value;



 if ((xSelectValue != null || xSelectValue != '') && (pSelectValue != null || pSelectValue != ''))
 {
       alert("Select only one drop down field");
       return false;
 }

 return true;

Answer 2

要获取下拉列表的值，请执行以下操作：

var x=document.forms["myForm"]["pf_social_plan"];
var value = x.options[x.selectedIndex].value;