簡體   English   中英

表單提交在iOS設備上不起作用

[英]Form submission not working on ios devices

我有一個用nodemailer制作的表格,它可以在台式機和android設備上使用,但在ios上不起作用。

我不知道我可能做錯了什么。

該網站是https://ozixmedia.com

HTML:

<section id="contact" class="wow fadeIn">
<h1 id="target" class="">Envianos Tu Consulta</h1>
    <div class="row container">
<form method="POST" class="col s12">
  <div class="row">
    <div class="input-field col s6">
      <input id="name" type="text" class="validate" name="name">
      <label for="name">Nombre</label>
    </div>
      <div class="input-field col s6">
      <input id="last_name" type="text" class="validate" name="name">
      <label for="last_name">Apellido</label>
    </div>
  </div>
  <div class="row">
    <div class="input-field col s6">
      <input id="email" type="email" class="validate" name="name">
      <label for="email">Email</label>
    </div>
      <div class="input-field col s6">
      <input id="phone" type="number" class="validate" name="name">
      <label for="phone">Teléfono</label>
    </div>
  </div>
    <div class="row">
      <div class="input-field col s12">
        <textarea id="message" class="materialize-textarea" data-length="120" name="name"></textarea>
        <label for="message">Consulta</label>
      </div>
    </div>
    <input type = "submit" value = "Enviar" class="btn-large-light">
</form>
</div>

</section>

我的JS代碼:

$('form').on('submit', e => {
  e.preventDefault();

  const email = $('#email').val().trim();
  const name = $('#name').val().trim();
  const last_name = $('#last_name').val().trim();
  const phone = $('#phone').val().trim();
  const text = $('#message').val().trim();

  const data = {
    email,
    name,
    last_name,
      phone,
    text
  };

  $.post('/email', data, () => {
    console.log('Server recieved our data')
  });
  window.location.replace('/redirect')
});

對於在Safari上運行的ios,請嘗試將const更改為var,以查看是否可行。

如此處所述,這是一個ES2016問題

$('form').on('submit', e => {
  e.preventDefault();

  var email = $('#email').val().trim();
  var name = $('#name').val().trim();
  var last_name = $('#last_name').val().trim();
  var phone = $('#phone').val().trim();
  var text = $('#message').val().trim();

  var data = {
    email,
    name,
    last_name,
      phone,
    text
  };

  $.post('/email', data, () => {
    console.log('Server recieved our data')
  });
  window.location.replace('/redirect')
});

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM