首頁 > web前端 > js教程 > jquery實作表單驗證並阻止非法提交

jquery實作表單驗證並阻止非法提交

PHPz
發布: 2018-10-12 17:35:24
原創
1353 人瀏覽過

本文給大家分享的是使用jquery實作表單驗證並阻止非法提交的程式碼,思路非常不錯,這裡推薦給小夥伴們參考下。

代碼檢測textarea內填寫的長度,未填寫時提示需要重新填寫,少於15字符時提示需要長於15字符,成功時顯示所填寫建議。

<script type="text/javascript">
//jQuery代码
function confirm()
{
  if($("#advice").val().length == 0)
{
  alert("We can&#39;t see your advice. Maybe you should fill the form first.");
  $("#advice").focus();
  return false;
}
else if($("#advice").val().length <= 15)
{
  alert("Your advice should longer than 15 letters.");
  $("#advice").focus();
  return false;
}
else
{
  alert("Thank you for your advice! You will get out reply in 24 hours for advice:\n"+$("#advice").val());
  return true;
}
}
</script>
<form action="" method="post" onSubmit="return confirm();" >
  <textarea id="advice" rows="20" cols="50"placeholder="Give us some advice?"></textarea>
   <input type="submit"value="Thank you"/>
</form>
登入後複製

>關鍵點

1.必須要有onSubmit="return confirm();" return 這個詞,不可缺少。
2.自行完整的網頁架構。

以上所述就是本文的全部內容了,希望大家能夠喜歡。

更多相關教學請造訪 JavaScript教學

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板