道理相通,我简单分享下在.net MVC下的实装。 1.制作Model类using System; using System.Collections.Generic; using System.Linq; using System.Web;namespace RCRS.WebApp.LG.EM.Models {//----------------------------------------------------------------/// /// Import画面用/// //----------------------------------------------------------------public class tmp_UploadFile{/// public HttpPostedFileBase FileName {...
本文为大家分享了一个表单验证插件,支持ajax验证,使用起来很简单。 每个需要验证的表单元素下面有一个span标签,这个标签的class有一个valid表示需要验证,如果有nullable则表示可为空;rule表示验证规则,msg表示错误提示信息;to表示要验证的元素的name值,如果元素是单个的,to可以不写。该插件会遍历每个有valid的span标签,找出它前面需要验证的元素,根据rule验证,如果验证不通过,则显示边框为红色,鼠标放在元素上时显示...
自己编写了一个表单验证插件,使用起来很简单,以后还可以扩展更多的功能,比如ajax验证。 每个需要验证的表单元素下面有一个span标签,这个标签的class有一个valid表示需要验证,如果有nullable则表示可为空;rule表示验证规则,msg表示错误提示信息;to表示要验证的元素的name值,如果元素是单个的,to可以不写。该插件会遍历每个有valid的span标签,找出它前面需要验证的元素,根据rule验证,如果验证不通过,则显示边框为红色,...
本文实例为大家分享了自己动手实现的jquery放大镜插件,供大家参考,具体内容如下/***************************************************此插件使用须知--------------- ****滤镜(inner)与其活动区(active)之比要等于 ****放大区(movequ)与其内部图片之比。如比值不相 ****等,请改变图片大小.------------------------****参数介绍 ****active:滤镜活动区 ****inner:滤镜 *...
概述:本篇主要讨论jquery.validate结合jquery.form实现对表单的验证和提交方案。 方式一:是通过jquery.validate的submitHandler选项,即当表单通过验证时执行回调函数。在这个回调函数中通过jquery.form来提交表单; 方式二:是通过jquery.form的beforeSubmit,即在提交表单前执行的回调函数,这个函数如果返回true,则提交表单,如果返回false,则终止提交表单。根据jquery.validate插件的valid()方法,就可以通过jquery.form提...
本文实例为大家分享了全屏js头像上传插件源码,供大家参考,具体内容如下 index.htmlccp 选 择 图 片 Y N cxc.js/* cxc.js 频繁操作公共接口 */ var $ = function (id) { return document.getElementById(id); }; //通过id获取dom对象 var A = function (msg) { alert(msg); }; //alert的简写 var EmptyFun = function () { }; // 空方法 var setL = function (dom, L) { dom.st...
废话不多说了,直接给大家贴代码了,具体代码如下所示:jQuery图片轮播(焦点图)插件jQuery(function($){ $('#demo1').slideBox(); $('#demo2').slideBox({ direction : 'top',//left,top#方向 duration : 0.3,//滚动持续时间,单位:秒 easing : 'linear',//swing,linear//滚动特效 delay : 5,//滚动延迟时间,单位:秒 startIndex : 1//初始焦点顺序 }); $('#demo3').slideBox({ duration : 0.3,//滚动持续时间,单位:秒 easing ...
本文实例为大家分享了JavaScript头像上传插件源码,供大家参考,具体内容如下 效果图:源码: cxc.js /* cxc.js 频繁操作公共接口 */ var $ = function (id) { return document.getElementById(id); }; //通过id获取dom对象 var A = function (msg) { alert(msg); }; //alert的简写 var EmptyFun = function () { }; // 空方法 var setL = function (dom, L) { dom.style.left = L + "px"; }; // 设置 dom 的 left ...
一个简单例子:Copy to Clipboardvar client = new ZeroClipboard( $("#copy-button") );client.on('ready', function (event) {client.on('copy', function (event) {event.clipboardData.setData('text/plain', event.target.innerHTML);alert("复制成功");});client.on('aftercopy', function (event) {//复制之后的操作,如果不是自动在本页面粘贴,请把此事件备注掉console.log('Copied text to clipboard: ' + event.data['t...
DataTables是一个jQuery的表格插件,本文为大家分享了表格插件datatables用法,介绍了基础的部分知识,具体内容如下 一、初始化 在页面中Column 1Column 2Row 1 Data 1Row 1 Data 2Row 2 Data 1Row 2 Data 2js中初始化$(document).ready( function () {$('#table_id').DataTable(); } );二、常用配置 在初始化的时候可以通过一些常用的配置项对表格进行配置,这是我在项目中实际用到的$("#vivo_table_list").dataTable({pageLength...
直接上代码,可能不是最好的,欢迎吐槽。/*** Created by Steven on 2015/07/10/0010.* @email zhuttymore@126.com*/(function ($) {$.fn.slider = function (opt) {opt = $.extend({speed:'fast',auto: false,interval: 1000}, opt);var _this = this;var index = 0;_this.find('.window li').width(_this.width());var animate = function(index){var win = _this.find('.window');var offset = win.parent().width();win.animat...
这一款js分页使用起来很爽,自己经常用,做项目时总是要翻以前的项目看,不方便,这里就把他写出来方便自己以后粘帖,也希望能分享给大家。 参数说明插件代码 js代码:/*** This jQuery plugin displays pagination links inside the selected elements.** @author Gabriel Birke (birke *at* d-scribe *dot* de)* @version 1.1* @param {int} maxentries Number of entries to paginate* @param {Object} opts Several options (s...
使用步骤: 1.首先在项目中添加必备js与css2.代码中添加引用(必备引用)3.中要验证的标签(做一些常用的演示)身份证(正则表达式库): 身份证(外部函数): 整数: 正整数: 负整数: 数字: 正数(正整数 + 0): 负数(负整数 + 0): 浮点数: 正浮点数: 负浮点数: 非负浮点数(正浮点数 + 0): 非正浮点数(负浮点数 + 0): 颜色: 你的EMAIL: 手机: 邮编: 非空: 图片: 压缩文件: ip4: QQ号码: 国内电话: 用户名: 字母: 大写字母: 小写字...
本文实例为大家分享了jquery分页插件实现无刷新分页的相关代码,供大家参考,具体内容如下 1.使用插件为 jquery.pagination.js ,如果没有这个js文件的话,我可以给发个。 首先引用 jquery.pagination.js (分页js),跟pagination.css(分页样式css)。 点击获取查看这两个文件 2.页面js代码为var pageIndex = 0; //页面索引初始值 var pageSize = 15; //每页显示条数初始化,修改显示条数,修改这里即可 $(function () {InitTa...
本文实例讲述了JS基于ocanvas插件实现的简单画板效果。分享给大家供大家参考,具体如下: 使用ocanvas做了个简单的在线画板。 ocanvas参考:http://ocanvas.org/ 效果如下:主要代码如下:oCanvas Examplevar line_color = '#000';var line_size = 3;$(function(){$('.tool .color div').click(function(){$('.tool .color div').removeClass('active');$(this).addClass('active');line_color = $(this).data('color');mouseDot.f...