解決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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM