1. 程式人生 > 實用技巧 >解決form表單通過ajax時,required失效問題

解決form表單通過ajax時,required失效問題

問題:
最近在寫註冊功能時,用ajax時required時遇到了失效的問題後面我發現了原來required要寫在包含有form表單的input,並且要繫結在form的submit事件上,require可無法阻止你按按扭,只是能阻止你提交表單。而我要用ajax實現post請求,一開始前端是沒有用form表單的,加入form後ajax會自動變成get請求,這是因為加入form標籤後變成了表單的sumbit事件了。而不是通過ajax來實現請求(form表單後面加method=“post”則會出現405錯誤,詳情看:用ajax模擬post請求報錯 “405 Method not allowed”
解決方法:
所以情況相當複雜,後面看到

有人情況和我一樣,最後用這種方法實現。
前端頁面加上form標籤,ajax則改成下面的程式碼

$("form").bind("submit",function(){
      $.ajax({});
      return false;
   });`

這表示繫結在submit事件上,然後return false阻止表單提交,改成用ajax提交

注:我是最後一頁用提示用模態框 是submit按鈕 不想走from表單 只想走ajax 但是還想要from裡面的欄位驗證功能才會這麼做

部落格轉載https://blog.csdn.net/weixin_41866607/article/details/104082035