效果:

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

提交Form表单,submit之前做js判断处理相关推荐

  1. Ajax提交form表单的内容,并判断是否提交成功,提交确认提示框,确认提交,取消,回退缓存的数据

    //保存按钮提交表单内容function submitForm(t) {//提交前把单选按钮选的值给上隐藏的hiddenvar VNeedRegister = $("input[name=' ...

  2. js实现Form表单submit提交截获数据(各浏览器通用)

    js实现Form表单submit提交截获数据(各浏览器通用) js实现Form表单submit提交截获数据(各浏览器通用) No Comments | js , 安全 , PHP | by calms ...

  3. js提交form表单

    [背景]     前段时间将边用边学javascript.pdf书看完了,其中之前最不熟悉的也是这次印象最深刻的就是提交form表单,所以在这里总结一下js提交form表单,以及表单中对应的一些扩展知 ...

  4. js 提交form表单,js更改form表单的action属性

    2019独角兽企业重金招聘Python工程师标准>>> js 提交form表单 <s:form id="formID1" action="favo ...

  5. html得到上传文件类型后缀,js获取上传文件后缀名(附js提交form表单)

    js获取上传文件后缀名(附js提交form表单) 代码如下: function check_file() { var strFileName=form1.FileName.value; if (str ...

  6. 使用js提交form表单的两种方法

    提交form表单的时候瑶族一些简单的验证,验证完后才能提交,避免无效提交. 1.当输入用户名和密码为空的时候,需要判断.这时候就用到了校验用户名和密码,这个需要在前端页面写:有两种方法,一种是用sub ...

  7. html表单调用js方法,使用js提交form表单的两种方法

    提交form表单的时候瑶族一些简单的验证,验证完后才能提交,避免无效提交. 1.当输入用户名和密码为空的时候,需要判断.这时候就用到了校验用户名和密码,这个需要在前端页面写:有两种方法,一种是用sub ...

  8. js异步提交form表单的解决方案

    1.定义异步提交表单的方法 (通用方法) /*** 异步提交form表单* @param options {form:form表单元素,success:执行成功后处理函数}* <span sty ...

  9. js提交form表单,并传递参数

    js如何提交form表单,并传递参数呢? 参考:https://www.itdaan.com/blog/2013/04/18/d26f13da9de5e2bbd607464da6ad1f8e.html

最新文章

  1. 关于IIS正在使用突然断电后,IIS不能使用解决方案
  2. jenkins和docker实现自动化构建部署
  3. 查找DetailsView1数据控件中的数据
  4. python知识点总结全_【转】Python高级知识点总结
  5. MYSQL笔记:删除操作Delete、Truncate、Drop用法比较
  6. 【Docker】Docker学习笔记:安装部署
  7. Solr查询参数sort(排序)
  8. 云服务器之间进行文件转移,windows服务器之间文件如何转移
  9. 使用元组交换两个数据
  10. 搜狗输入法linux词库导入,搜狗输入法词库导入详解
  11. Linux下安装rarlinux
  12. 科创板已开板 区块链离科创板还远吗?
  13. pdf 转换为图片格式(可提高兼容性)
  14. loadrunner录制脚本时无法打开IE浏览器
  15. 张小军详解华为区块链政务应用,指出区块链的应用领域正从金融向全领域拓展...
  16. java循环屏障,Java并发编程系列23|循环屏障CyclicBarrier
  17. ADD_MONTHS函数的使用
  18. 计算机组成原理乘法器实验报告,Booth乘法器实验报告
  19. 福建理工学校计算机类专业有哪些专业吗,福建理工学校
  20. 电脑维修工具 硬盘检测工具 查查是否有坏道

热门文章

  1. 关于一个js栈溢出的异常
  2. 看看这套WPF开源基础控件库:WPFDevelopers
  3. C# 数据适配器之 DataAdapter 对象
  4. C# 正则表达式编写及验证方法
  5. 如何入门.NET Core ? 推荐这10个优秀的开源项目!
  6. .NET 平台采用率的提升归功于开源
  7. 一个基于.Net 5开发的轻量级Quartz配置中心 - QuartzCore.Blazor
  8. T-SQL | 你需要了解的执行计划
  9. .NET Core 下使用 Exceptionless 记录日志
  10. ERP的配置管理实践