ajax提交请求到后台以及页面数据的一些验证

最新推荐文章于 2019-07-09 22:32:32 发布
ZZZZVSS
最新推荐文章于 2019-07-09 22:32:32 发布
阅读量353
点赞数
分类专栏： html
本文链接：https://blog.csdn.net/zhengsaisai/article/details/79201909
版权
html 专栏收录该内容
9 篇文章 0 订阅
订阅专栏
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%--shiro 标签 --%>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path;
%>

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<%--不知道这里的basePath 设置没用 --%>
<base href="<%=basePath%>" />
<title>添加资产档案</title>
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="0">
<meta
    content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
    name="viewport" />
<link rel="shortcut icon" href="<%=basePath%>/favicon.ico" />
<link
    href="<%=basePath%>/js/common/bootstrap/3.3.5/css/bootstrap.min.css"
    rel="stylesheet" />
<link href="<%=basePath%>/css/common/base.css" rel="stylesheet" />
<script src="<%=basePath%>/js/common/jquery/jquery1.8.3.min.js"></script>
<script src="<%=basePath%>/js/common/layer/layer.js"></script>
<script
    src="<%=basePath%>/js/common/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="<%=basePath%>/js/shiro.demo.js"></script>
<script src="<%=basePath%>/js/jedate/jedate.js"></script>
<link href="<%=basePath%>/js/jedate/skin/jedate.css" rel="stylesheet" />




</head>

<style>
    .line-group .group{
        display:inline-block;
    }
    .form-control,.form-group{
    display:inline-block;
    }
    #addRail,#addCompete,#addZiduan{
        color: #333;
    padding: 4px 25px;
    border: 1px solid #ddd;
    /* font-weight: 600; */
    font-size: 28px;
    border-radius: 3px;
    cursor: pointer;
    }
    .railBox,.competeBox,#ziduanBox{display:inline-block}
    .explan textarea{    width: 100%;
    border-radius: 6px;
    margin-bottom: 10px;
    }
    table th,table td{
    text-align:center;

        vertical-align:middle;
    }
</style>
<script>

    //add
    $(document).ready(function(){
        $('#add').click(function(){
            var prolsdnumber=$.trim($('.prolsdnumber').val());
            if(prolsdnumber==''){
                return layer.msg('连锁店编号不能为空。',so.default),!1;
            }
            var assetType=$.trim($('.assetType').val());
            if(assetType==''){
                return layer.msg('资产类型不能为空。',so.default),!1;
            }
            var assetName=$.trim($('.assetName').val());
            if(assetName==''){
                return layer.msg('资产名称不能为空。',so.default),!1;
            }
            var assetModel=$.trim($('.assetModel').val());
            if(assetModel==''){
                return layer.msg('资产型号不能为空。',so.default),!1;
            }
            var assetformat=$.trim($('.assetformat').val());
            if(assetformat==''){
                return layer.msg('资产规格不能为空。',so.default),!1;
            }
            var assetValue=$.trim($('.assetValue').val());
            if(assetValue==''){
                return layer.msg('资产价值不能为空。',so.default),!1;
            }
            var time=$.trim($('#time').val());
            if(time==''){
                return layer.msg('入库时间不能为空。',so.default),!1;
            }
             var formData = new FormData($( "#zcda" )[0]);  
            //add

             $.ajax({  
                          url: '<%=basePath%>/archivesd/addPropertyArchives.shtml' ,  
                          type: 'POST',  
                          data: formData,  
                          async: false,  
                          cache: false,  
                          contentType: false,  
                          processData: false,  
                          success: function (returndata) {  
                              alert(returndata);  
                          },  
                          error: function (returndata) {  
                              alert(returndata);  
                          }  
                     });  


        });
    });

</script>
<body>
<jsp:include page="../common/config/top.jsp"></jsp:include>

    <div class="container" style="padding-bottom: 15px;min-height: 300px; margin-top: 114px;">
            <ul class="nav nav-tabs">
                        <li ><a href="<%=basePath%>/archivesd/addBaseItems.shtml" >基础档案</a></li>
                        <li><a href="<%=basePath%>/archivesd/addContractArchives.shtml">合同档案</a></li>
                        <li class="active"><a href="<%=basePath%>/archivesd/addPropertyArchives.shtml">资产档案</a></li>
                        <li ><a href="<%=basePath%>/archivesd/addPersonArchives.shtml">人员档案</a></li>
                    </ul>
        <div class='modal-body'>
            <form id="zcda">

                <div class='form-group' style='width:100%'>
                    <label class='control-label'>资产类型:</label>

                    <select class='form-control assetType' style='width:400px' name="protype">
                        <option value="1">固定资产</option>                 
                        <option value="2">办公耗材</option>
                        <option value="3">流动资金</option>
                        <option value="4">礼品赠品</option>
                        <option value="5">宣传物资</option>
                        <option value="6">证照文件</option>
                    </select>
                </div>
                <div class='form-group' style='width:100%'>
                    <label class='control-label'>连锁店编号:</label>
                    <input class='form-control prolsdnumber' type='text' name='prolsdnumber' style='width:400px'>
                </div>
                <div class='form-group' style='width:100%'>
                    <label class='control-label'>资产名称:</label>
                    <input class='form-control assetName' type='text' name='proname' style='width:400px'>
                </div>
                <div class='form-group' style='width:100%'>
                    <label class='control-label'>资产型号:</label>
                    <input class='form-control assetModel' type='text' name='promodelnumber' style='width:400px'>
                </div>
                <div class='form-group' style='width:100%'>
                    <label class='control-label'>资产规格:</label>
                    <input class='form-control assetformat' type='text' name='prostandard' style='width:400px'>
                </div>
                <div class='form-group' style='width:100%'>
                    <label class='control-label'>资产价值:</label>
                    <input class='form-control assetValue' type='text' name='provalue'  style='width:200px'>
                </div>
                <div class='form-group' style='width:100%'>
                    <label class='control-label'>入库时间:</label>
                    <input type="text" name="time"  id="begin1"  value="" class="form-control float-left" placeholder="起始日期"/ style='width:100px'>
                </div>

               <div style='text-align:center'><button type="button" class="btn btn-primary"   id='add' >Save</button></div>
            </form>
        </div>


        </div>



</body>


</html>