效果:

在點擊提交按鈕時,首先進行js判斷, 如果不符合條件,則alert出提示信息,並return false.

主要點就在於給form表單添加一個onsubmit事件. 在onsubmit事件中定義的函數里進行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>請上傳發票:  <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('請上傳發票');
            return false;
        }
        if(order==''){
            alert('請補全快遞單號');
            return false;
        }
        if(Expre==''){
            alert('請填寫快遞公司');
            return false;
        }
    }
</script>


版權聲明：本文為CSDN博主「haveyb」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/m_nanle_xiaobudiu/article/details/79667661

免責聲明！

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

猜您在找 form表單提交之前判斷 form表單submit提交的非空判斷在表單提交之前做校驗-利用jQuery的submit方法 js提交表單錯誤：document.form.submit() is not a function 關於form.submit()不能提交表單的錯誤原因 form.submit() 不能提交表單的原因基於form表單submit提交不跳轉 form表單submit（）提交不刷新數據 js表單提交和submit提交的區別 form表單js提交