jQuery抓取联系人表单7提交前的输入值

我想获取字段的值，并将其存储在jQuery变量中，以便在使用ContactForm 7插件提交表单后使用

我注意到我可以使用

$（“.wpcf7”）.on（'wpcf7:submit'，函数（event）{}

，但是当我试图获取一个值时，它总是空的，我假设这是因为表单已经提交，所以此时该值是空的/不可访问的

是否有办法在提交前访问表单，或者我是否需要防止表单出现默认值，获取数据然后手动提交

我使用的例子

$(".wpcf7-form").on('wpcf7-form:submit', function(event){
  var name = $('form.contactForm span.full-name input').val();
  console.log(name);
});

提交CF7表格

<form action="/installation/#wpcf7-f222-o1" method="post" class="wpcf7-form return-me" novalidate="novalidate" _lpchecked="1">
  <div style="display: none;">
    <input type="hidden" name="_wpcf7" value="222">
    <input type="hidden" name="_wpcf7_version" value="4.9.1">
    <input type="hidden" name="_wpcf7_locale" value="en_US">
    <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f222-o1">
    <input type="hidden" name="_wpcf7_container_post" value="0">
  </div>
  <div class="input-wrp">
    <label>Name*</label><span class="wpcf7-form-control-wrap full-name"><input type="text" name="full-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false"></span>
  </div>
  <p><input type="submit" value="Submit" class="wpcf7-form-control wpcf7-submit btn contactSubmits"><span class="ajax-loader"></span></p>
  <div class="wpcf7-response-output wpcf7-display-none"></div>
</form>

名字*

首先，始终使用“jQuery”而不是“$”。 其次，您需要使用正确的选择器。您的表单中没有名为“form.contactForm”的类。因此，请尝试以下操作：

jQuery(".wpcf7-form").on('submit', function(event){
  var name = jQuery('span.full-name input').val();
  console.log(name);
});

---

每次用户更改变量值时，都可以使用按键更新变量值

var myInputVal = '';
$("#target").keypress(function() {
  myInputVal = $(this).val();
  } 

改为 ..）在（'submit'，函数（

然后

---

Car name=$（'input[name=“full name”]）.val（）；

请通过粘贴联系人表单7的呈现HTML代码来更新问题。可能您没有使用正确的选择器。我喜欢这种方法，但是它跳过了第一个字符，所以当您键入完您的姓名时，需要添加一个空格，这很奇怪。