on提交验证

Question

我需要帮助提交表单，其中我已经检查邮件是否存在于下拉列表中，同时提交表单时显示警报消息，还提交表单，当没有提示信息时只显示表单需要提交

$(document).on('click', '#Records', function (event) { 
    $("#dropval select option:selected").each(function() { 
     var z = $(this).val(); 
     //alert(z); 
     if(z != 'email') { 
      alert('please select Email'); 
      e.preventDefault(); 
      return false; 
     } else { 
      return true; 
     } 
    }); 
}); 
}); 

    <form name="search" method="post" action="sample1.php" > 
    <div id="dropval"> 

    <select name="select3[1]" class="mySelects" > 
    <option value="None" selected > None</option> 
    <option value="email" >email</option> 
    <option value="firstname" >firstname</option> 
    <option value="lastname" >lastname</option> 
    <option value="mobile" >mobile</option> 
    </select> 
    <select name="select3[2]" class="mySelects" > 
    <option value="None" selected > None</option> 
    <option value="email" >email</option> 
    <option value="firstname" >firstname</option> 
    <option value="lastname" >lastname</option> 
    <option value="mobile" >mobile</option> 
    </select> 
    <select name="select3[3]" class="mySelects" > 
    <option value="None" selected > None</option> 
    <option value="email" >email</option> 
    <option value="firstname" >firstname</option> 
    <option value="lastname" >lastname</option> 
    <option value="mobile" >mobile</option> 
    </select> 
    <select name="select3[4]" class="mySelect" > 
    <option value="None" selected> None</option> 
    <option value="email" >email</option> 
    <option value="firstname" >firstname</option> 
    <option value="lastname" >lastname</option> 
    <option value="mobile" >mobile</option> 
    </select> 
    </div> 
    <input type="submit" value="submit" id="Records"> 
    </form> 

Answer 1

试试这个：

$('#formy').bind('submit', function(event){ 
    var success = false; 

    $("#dropval select option:selected").each(function() { 
     var z = $(this).val(); 
     if(z == 'email') { 
      success = true; 
     } 
    }); 

    return success; 
}); 

你在循环返回，这将不会做任何的提交。

Answer 2

如果你在表单上调用你的函数而不是按钮点击它应该解决你的问题，因为返回false在这里停止表单提交。

$('#formName').on('submit', function() { 
    //Validation code here 
    if(valid == false) { 
     return false; //Stops the form from submitting 
    } else { 
     return true; //Allows the form to submit 
    } 
}); 

Answer 3

$(document).on('click', '#Records', function(event) { 
    $("#dropval select option:selected").each(function(){ 
     var z = $(this).val(); 
     //alert(z); 
     if(z!='email'){ 
      alert('please select Email'); 
      event.preventDefault(); // 'e' was undefined before, as you named your variable 'event'. This would have been causing an error and code below would not have been executed - as a result, your form would have been submitted after the alert. 
      return false; 
     } 
    }); 
}); 

作为边注，结合事件的document如click是低效的。尝试将其绑定到更亲近的父级。