Question

我在我的网站项目上，似乎我的jquery功能不起作用 .i必须验证这一点：如果用户输入<<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

DEMO：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'));
});

你不能使用带有输入的提交事件，提交是用于表单，你可以使用表单但是你必须防止默认然后检查输入的值。

Answer 2

您正尝试在表单提交时设置属性，这不是正确的方法。您应该只检查字段是否满足提交要求。定义约束应该在标记上。如果您未使用任何自定义表单验证程序，则可以使用HTML约束验证。例子可以在这里找到 http://www.w3schools.com/js/js_validation.asp

同样，jQuery提交事件只能附加到表单元素。点击此处https://api.jquery.com/submit/

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

2 个答案: