使用多个 if 语句的 javascript 表单验证

Question

这个表单验证函数是否正确？或者可以做得更好？
例如:我希望两个下拉列表之一在检查联系人详细信息字段之前有一个值，(dp1 OR dp2) 但即使使用 ( || ) 验证也作为 &&。

$('#send').click(function(){

if( document.downloadForm.SoftwareDp.value == "0" || document.downloadForm.ManualDp.value == "0" )
{
 alert( "Please Select a file for Download" );
 return false;  }

// First check if Dropdown 1 OR dropdown 2 have been selected ( ONE at least)


if( document.downloadForm.name.value == "" && document.downloadForm.email.value == "" )
{
 alert( "Please enter your details" );
 return false;  }

 // then check if name and email are typed in.

 else{ // run some ajax if above conditions are met } });

演示:http://jsbin.com/UGotAFIL/1/edit?html,js,output谢谢

Answer 1

您的情况很好。如果你想检查两个下拉列表都没有被选中，你应该使用 && 而不是 ||。

如果你需要选择至少一个下拉意味着你可以使用

 $('#send').click(function(){

if(!( document.downloadForm.SoftwareDp.value != "0" || document.downloadForm.ManualDp.value != "0" ))
{
 alert( "Please Select a file for Download" );
 return false;  }

// First check if Dropdown 1 OR dropdown 2 have been selected ( ONE at least)


if( document.downloadForm.name.value === "" && document.downloadForm.email.value === "" )
{
 alert( "Please enter your details" );
 return false;  }

 // then check if name and email are typed in.

 else{ // run some ajax if above conditions are met 
 } });

看这个jsbin demo