kendo upload必填验证



@using Kendo.Mvc.UI
@using StudentManage.Common.Helper
@model StudentManage.Models.Home.ImportDataFromFileModel
<style>
    .hiddenBox {
        display: block;
        border: none;
        width: 0;
        height: 0
    }
</style>
<script>
    var fileName;
    function onSelect(e) {
        fileName = $("#FileName").val() + getFileInfo(e);
        $("#FileName").val(fileName);
    }
    function onRemove(e) {
        fileName = $("#FileName").val().replace(getFileInfo(e), "");
        $("#FileName").val(fileName);
    }

    function getFileInfo(e) {
        return $.map(e.files, function (file) {
            var info = file.name;
            return info;
        }).join(", ");
    }
</script>
<form action="@Url.Action("ImportDataFromFile", "Home")" id="importForm" method="post" class="panel panel-default form-horizontal panel-body">
    <div class="form-group">
        @Html.RequiredIndicatorLabelFor(m=> m.FileName, new { @class = "col-sm-3 control-label no-padding-right" })
        <div class="col-sm-4">
            @Html.HiddenFor(m => m.DataSystemName, new { @class = "form-control" })
            @(Html.Kendo().Upload().Name("files").Multiple(false).HtmlAttributes(new { accept = ".xls,.xlsx" })
                                  .Events(events => events
                                      .Remove("onRemove")
                                      .Select("onSelect")
                          ))
            @Html.TextBoxFor(m => m.FileName, new { @class = "hiddenBox" })
            @Html.ValidationMessageFor(m => m.FileName)
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-5 col-sm-offset-3">
            <button class="btn  btn-info" type="button" id="submitBtn">
                确定
            </button>
        </div>
    </div>
</form>
<script>
    $(function () {
        jQuery.validator.unobtrusive.parse();
        $(‘#importForm‘).removeData(‘validator‘);
        $(‘#importForm‘).removeData(‘unobtrusiveValidation‘);
        $.validator.unobtrusive.parse(‘#importForm‘);
        $("#submitBtn").click(function() {
            if (!$("#importForm").valid()){
                return false;
            }
            $("#importForm").submit();
            return true;
        });
    });
</script>

 

Action

        #region 导入导出数据
        [HttpGet]
        public ActionResult ImportDataFromFile(string dataSystemName)
        {
            ImportDataFromFileModel model = new ImportDataFromFileModel()
            {
                DataSystemName = dataSystemName
            };
            return PartialView(model);
        }

        [HttpPost]
        public async Task<ActionResult> ImportDataFromFile(IEnumerable<HttpPostedFileBase> files)
        {
            //DataTable dataTable = await NpoiHelper.ExcelToDataTable("Sheet1", true, files.First());
            //for (int i = 0; i < dataTable.Rows.Count; i++)
            //{

            //    //var enterprise = new Enterprise();
            //    //enterprise.Id = Guid.NewGuid();
            //    //if (dataTable.Rows[i][enterpriseNameColumn] != null)
            //    //{
            //    //    var content = dataTable.Rows[i][enterpriseNameColumn]?.ToString().Trim();
            //    //    var clearName = content.Length < 100 ? content : content.Substring(0, 100);
            //    //    if (enterpriseNames.Contains(clearName)) continue;
            //    //    enterprise.EnterpriseName = clearName;
            //    //}
            //}
            return RedirectToAction("Index","StudentManage");
        }

        #endregion

原文地址:https://www.cnblogs.com/taoshengyujiu/p/10327756.html

时间: 2024-10-14 16:09:47

kendo upload必填验证的相关文章

RequiredFieldValidator控件--必填验证控件

RequiredFieldValidator控件: ·RequiredFieldValidator控件也被称之为必填验证控件,顾名思义,也就是与RequiredFieldValidator控件关联的控件的值在默认设置下必须填写.可以通过更改此空间的InitialValue属性来要求所验证的控件的值不能与InitialValue属性值一致. 例子: 1 <body> 2 <form id="form1" runat="server"> 3 &l

Element 中表单非必填数据项 必须为数字的验证问题

Element-ui 的el-form组建中,自带基本的验证功能,比如某些项必填的验证,直接加入rules 规则中即可,如下实例: 在页面中书写如下: 1 <el-form-item label="月份:" prop="firstDay"> 2 <common-month-select :year="year" @monthChange="monthChange" :selectMonth="sel

PHP 表单验证 - 必填字段

-------------------------------------------------------------------------- 本节展示如何制作必填输入字段,并创建需要时所用的错误消息. -------------------------------------------------------------------------- PHP - 输入字段 从上一节中的验证规则中,我们看到 "Name", "E-mail" 以及 "G

表单验证必填项

在表单验证中,会有一些必填项,如手机号,密码,昵称,验证码等,如果某项为空,或格式不正确表单将无法提交.在此我只做了手机号和密码的验证,其他的与此类此 html代码: <form action="" onsubmit="return check_sub()"> <p class="tel"> <label for="tel">手机</label> <input type=&

php基础教程——表单验证(必填、提交后数据保留)

一.表单验证中用到的几个元素记录 1.htmlspecialchars(),用于将用户输入的特殊字符转义为普通字符,比如 < 和 > 之类的 HTML 字符会被替换为 < 和 > 2.$_SERVER["PHP_SELF"] 是一种超全局变量,返回当前页面脚本名字 3.trim()用于删除多余的空格等 4.stripslashes()用于删除用户多输入的反斜线 二.一个简单的表单验证函数 function test_input($str){ $str = tri

easyui-combogrid必填为空时无法通过表单验证的问题

在使用easyui-combogrid时,由于html解析出的格式是如下三层: <td> <input id="txcombo" class="easyui-combogrid combogrid-f combo-f" value="" style="width: 200px; height: 28px; display: none;" comboname="tx"> <spa

BPM实例分享:动态设置字段必填

一些业务场景中,需要动态设置字段的必填. 比如QA场景中,选择不合格的时候,必须要填写原因,合格时不需要. 设置必填后,提交时会进行验证. //设置字段的必填样式 function setRequired(field, flag, row) { var ele = $.MvcSheetUI.GetElement(field, row) var ui = ele.SheetUIManager(); if (ele != null) { ui.Required = flag; if (flag) {

DEDECMS织梦自定义表单中必填项、电话邮箱过滤以及验证码规则

织梦自定义表单必填项规则--->(wwwshu-acca.com网站表单) 1. 在plus/diy.php 的第 40行下加如下代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 //增加必填字段判断 if($required!=''){     if(preg_match('/,/', $required)){         $requireds = explode(',',$required);         foreach($requireds

jquery-easyui必填项隐藏问题的处理方案

转自:http://www.2cto.com/kf/201311/260304.html 使用jquery-easyui制作用户界面,必填项很简单,只需要一个简单的属性data-options="required:true" 就可以把一个输入变成必输项. 但实际问题却是,在某些情况下,即使隐藏了必输项,却依然没办法提交,提交时弹出有必输项没有输入!! 使用jquery-easyui的方法就是如果隐藏了,就把必输项标志去掉.也就是使用类似如下的代码. [javascript] $('#D