提交Form表单,submit之前做js判断处理

2022-03-30 11:01:29 阅读：179 来源： 互联网

标签：return Form submit js 快递 file var false alert

效果:

在点击提交按钮时,首先进行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

标签：return,Form,submit,js,快递,file,var,false,alert
来源： https://www.cnblogs.com/saoge/p/16075902.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

提交Form表单,submit之前做js判断处理

效果:

代码 :