如何解决我如何自定义以下代码段警报框显示消息,如 Bootstrap 警报框?
<script>
const scriptURL = 'https://script.google.com/macros/s/AKfycbxPcIamhNUHw7nrRBbZMHV1i_oqO6AVRARUfKmw4Ua9l11RNM9zkWII4w/exec'
const form = document.forms['google-sheet']
form.addEventListener('submit',e => {
e.preventDefault()
fetch(scriptURL,{ method: 'POST',body: new FormData(form)})
.then(response => alert("Thanks for contacting me..I will Soon get back to you!"))
.catch(error => console.error('Error!',error.message))
})
</script>
<div class="column right">
<div class="text"><b><i class="fas fa-comment-dots" style=" color: crimson;"></i> <u style=" text-decoration:underline;font-size: larger;">MESSAGE ME</u></b></div>
<form action="#" method="post" autocomplete="off" name="google-sheet">
<div class="fields">
<div class="field name">
<input type="text" placeholder="Name" required class="form-control" name="Name">
</div>
<div class="field email">
<input type="email" placeholder="Email" name="Email" required class="form-control">
</div>
</div>
<div class="field">
<input type="text" placeholder="Subject/Title" required class="form-control" name="subject">
</div>
<div class="field textarea" class="glow-on-hover">
<textarea cols="30" rows="10" placeholder="Elaborated Message.." name="message" required class="form-control" class="glow-on-hover"></textarea>
</div>
<div>
<button class="glow-on-hover" name="submit"><b><i class="fa fa-paper-plane" style="width:max-content; padding:8px; color: #61a0ff;font-size: large; " > </i ><b style="font-size: large;">SEND MESSAGE</b></button>
</div>
</form>
</div>
<script>
const scriptURL = 'https://script.google.com/macros/s/AKfycbxPcIamhNUHw7nrRBbZMHV1i_oqO6AVRARUfKmw4Ua9l11RNM9zkWII4w/exec'
const form = document.forms['google-sheet']
form.addEventListener('submit',error.message))
})
</script>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。