Question

我想拦截表单提交，然后将表单作为变量传递给Javascript函数，然后在该特定表单中获取表单元素值。在我的示例中，类“ formtype”可能有多个表单。我不认为我的意思是正确的，但也许接近吗？在使用多个“ formtype”类表单的情况下，如何引用已提交的特定表单？

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

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

Answer 1

您非常接近，但请使用find（）代替字符串串联

$('.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>

使用jQuery / Javascript将特定的提交表单传递给函数

1 个答案: