Pass the specific submitted form to a function with jQuery/Javascript

Question

I want to intercept a form submission, then pass the form as a variable to a Javascript function, then grab form element values within that specific form. In my example, there could be more than one form with class "formtype". I don't think what I have here is quite correct, but maybe close? How do I reference the specific form that has been submitted, in case of multiple "formtype" class forms?

$('.formtype').on('submit', function(e){
    var $submittedform=$(this);
    e.preventDefault();
    processForm($submittedform);
});

function processForm($submittedform){
    var email=$($submittedform+' .email').val();
}

make use of the data in the event you passing to function(e) on submit event. — Avinash
– Avinash, Commented Jun 27, 2018 at 18:45

baao · Accepted Answer · 2018-06-27 18:45:25Z

2

You are pretty close, but use find() instead of the string concatenation

$('.formtype').on('submit', function(e) {
  var $submittedform = $(this);
  e.preventDefault();
  processForm($submittedform);
});

function processForm($submittedform) {
  console.log($submittedform.find('input.email').val())
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form class="formtype">
  <input class="email" value="foo">
  <input type="submit">
</form>

<form class="formtype">
  <input class="email" value="bar">
  <input type="submit">
</form>

answered Jun 27, 2018 at 18:45

baao

73.5k18 gold badges152 silver badges208 bronze badges

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

1 Comment

BB Design Over a year ago

Works great! Thanks.

Collectives™ on Stack Overflow

Pass the specific submitted form to a function with jQuery/Javascript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related