![](/img/trans.png)
[英]HTML Form Submission with XHR doesn't work on iOS/iPadOS-based devices
[英]Form submission not working on ios devices
我有一個用nodemailer制作的表格,它可以在台式機和android設備上使用,但在ios上不起作用。
我不知道我可能做錯了什么。
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.