提交Form表单,submit之前做js判断处理
效果:
在点击提交按钮时,首先进行js判断, 如果不符合条件,则alert出提示信息,并return false.
主要点就在于给form表单添加一个onsubmit事件. 在onsubmit事件中定义的函数里进行js验证处理.
代码 :
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Documenttitle>
<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