javascript - 使用提交按钮进行 jquery 表单验证

Question

我正在做我的网站项目，我的 jquery 函数似乎不起作用 .我必须验证这一点:如果用户输入 <<nom de famille du pere>> , <<prenom du pere>>也必须输入。这是我的 html 代码:

<div class="form-group">
<div class="col-md-6">
  <label class="col-md-4 control-label" for="father">Nom de famille  du père </label>  
  
  <input id="father" name="father" type="text"  class="form-control input-md" >
  </div>   
</div><br/><br/><br/>

<div class="form-group">
<div class="col-md-6">
  <label class="col-md-4 control-label" for="ffather">Prénom du père</label>  
  <input id="ffather" name="ffather" type="text"  class="form-control input-md">
   </div>  
</div><br/><br/><br/>

这是我的 jquery 函数:

$(document).ready(function() {
$('#father').submit(function() {
  if ($(this)).is(':empty')) {
	 $('#ffather').prop('required',false);  
	
	 
}
else{
	$('#ffather').prop('required',true);  
	 
	
}}  }

Answer 1

演示:http://jsfiddle.net/Lfnrrdfu/1/

您的代码中有一些错误:

$('#father').on('keyup', function () {
    if (!$(this).val()) {
       $('#ffather').prop('required',false);  
    }
    else{
      $('#ffather').prop('required',true);  
    }
    console.log($('#ffather').prop('required'));
});

您不能将提交事件与输入一起使用，提交是针对表单的，您可以使用表单，但必须阻止默认值，然后检查输入的值。