jquery form validation with submit button

Question

i'm on my web site project and it seems that my jquery function doesn't work .i have to validate this:if the user enters <<nom de famille du pere>>,<<prenom du pere>> has to be entered too.This is my html code:

<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/>

and this is my jquery function :

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

set the .submit() handler on the form, not the input; or use .change() or .keyup() on the input — Plato
– Plato, Commented Apr 6, 2015 at 22:04
i forgot to put my form head in the code an d i have one submit button too — user3430205
– user3430205, Commented Apr 6, 2015 at 22:10

Sam Battat · Accepted Answer · 2015-04-06 22:11:28Z

1

DEMO: http://jsfiddle.net/Lfnrrdfu/1/

you have a few mistakes in your code:

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

You can't use submit event with an input, submit is for a form, you could use the form but then you have to prevent default then check the value of the input.

answered Apr 6, 2015 at 22:11

Sam Battat

5,7651 gold badge22 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Touhid Alam · Accepted Answer · 2015-04-06 22:17:49Z

1

You are trying to set the attributes upon form submission, which is not the right way to do it. You should only check if the fields satisfy the requirements on submit. Defining the constrains should be on the markup. If you are not using any custom form validator, you can use HTML constrain validation. Examples can be found here http://www.w3schools.com/js/js_validation.asp

Again, the jQuery submit event can ONLY be attached to form elements. Review here https://api.jquery.com/submit/

answered Apr 6, 2015 at 22:17

Touhid Alam

3431 silver badge5 bronze badges

Collectives™ on Stack Overflow

jquery form validation with submit button

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related