是的,留言表單可以通過Ajax來實現提交并彈出成功提示框。使用Ajax提交表單可以避免頁面的重新加載和刷新,同時也可以提供更好的用戶體驗。下面是一個簡單的示例代碼:
HTML表單:
```
<form id="myform" method="post">
<input type="text" name="name" placeholder="姓名">
<input type="email" name="email" placeholder="郵箱">
<textarea name="message" placeholder="留言"></textarea>
<button type="submit">提交</button>
</form>
```
JavaScript代碼:
```
$(document).ready(function(){
$('#myform').submit(function(event){
// 防止表單默認提交
event.preventDefault();
// 使用Ajax提交表單
$.ajax({
url: $(this).attr('action')
type: $(this).attr('method')
data: $(this).serialize()
success: function(data){
// 提交成功,彈出提示框
alert('留言提交成功!');
}
error: function(){
// 提交失敗,彈出提示框
alert('留言提交失??!');
}
});
});
});
```
在上面的代碼中,我們使用JQuery庫的Ajax函數來提交表單數據。當提交成功時,我們使用alert函數彈出一個提示框,告訴用戶留言成功;當提交失敗時,我們同樣使用alert函數彈出一個提示框,告訴用戶留言失敗。