Create a JSON only after validating the form using jquery

Question

I have a form and I'm collecting the entries of the form data and storing in my local storage. I'm able to validate the form (using jquery - validation.min.js plugin) and also creating a JSON.

But, I'm supposed to create JSON ONLY after validating the form with which I'm struck now.

NOTE: - The validation function is in my validation.js file. - The json creation function is within my HTML between script tag. I commented the submit handler part:

submitHandler: function(form) {
    form.submit();
},

thinking that the submit functions are colliding, but still the same result

I have a fiddle here FIDDLE

Ashish Patel · Accepted Answer · 2017-02-17 06:53:57Z

3

its display JSON form value because form submit event fired event validation throws error on submit event check for validation before prining JSON

if($('form').valid()){ 
  $('#result').text(JSON.stringify($('form').serializeObject()));    
}else{
 return false;
}

answered Feb 17, 2017 at 6:53

Ashish Patel

9411 gold badge10 silver badges28 bronze badges

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

Comments

pryxen · Accepted Answer · 2017-02-17 06:48:14Z

1

I think you need this code

    $(function() {
        $('form').submit(function() {
            if($('#form').valid()){
                   $('#result').text(JSON.stringify($('form').serializeObject()));
                   return false;
            }

        });
    });

answered Feb 17, 2017 at 6:48

pryxen

4331 gold badge4 silver badges24 bronze badges

1 Comment

pryxen Over a year ago

I'm glad I helped you :)

Collectives™ on Stack Overflow

Create a JSON only after validating the form using jquery

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related