提交Form表单,submit之前做js判断处理
生活随笔
收集整理的這篇文章主要介紹了
提交Form表单,submit之前做js判断处理
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
效果:
在點擊提交按鈕時,首先進行js判斷, 如果不符合條件,則alert出提示信息,并return false.
主要點就在于給form表單添加一個onsubmit事件. 在onsubmit事件中定義的函數(shù)里進行js驗證處理.
代碼 :?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="/static/layui/css/layui.css"> <script src="/static/layui/jquery.min.js"></script> <script src="/static/layui/layui.js"></script> </head> <body> <div id="up_image"> <form action="" method="post" enctype="multipart/form-data" οnsubmit="return verify()"> <br> <br> <br> <p>請上傳發(fā)票: <input type="file" name="invo" value="" id="file"></p><br/><br /> <p>快遞單號: <input type="text" name="OrderNu" value="" id="OrderNu" /></p><br /> <p>快遞公司: <input type="text" name="Expre" value="" id="Expre"/></p><br /> <input type="submit" value="提交" style="width: 140px;height:40;color:red;margin-top: 30px;margin-left: 130px;"> </form> </div> </body> </html> <script type="text/javascript"> function verify() {var file = $("#file").val(); var order = $("#OrderNu").val(); var Expre = $("#Expre").val(); if (file == '' || file==null) {alert('請上傳發(fā)票'); return false; }if(order==''){alert('請補全快遞單號'); return false; }if(Expre==''){alert('請?zhí)顚懣爝f公司'); return false; }} </script>總結
以上是生活随笔為你收集整理的提交Form表单,submit之前做js判断处理的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： layui弹出层使用(layer.ale
- 下一篇： WIN10 查看已经连接的wifi的密码