您的位置:

首页 >

腾博会官方网 >

EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图) >

EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图)

2016-08-21 08:26:14

分类:腾博会官方网

使用EasyUI时,有个经常遇到的问题,页面还没有渲染完成的时候,就展现了。刚刚开始很混乱,等加载完成后,就好了。$.parser.onComplete,这个是在所有组件解析完成后执行的事件。其实这个事件很有用的。很多在布局用到easyui的时候总会出现一个问题。就是在一进入主界面的时候,页面的并不是马上就展现,而是会有一个混乱的过程,之后一闪就又好了。其实这个就是因为easyui是在dom载入完毕之后才会对整个页面进行解析,当你们布局和组件使用的比较多的时候,完整的解析组件就需要一个过程,而在这个过程中就会出现短暂的界面混乱现象。要解决这个问题其实只要好好利用这个onComplete 事件在结合一个载入遮罩就解决问题了。把需要这个动画效果的,放到一个页面中去。<#include "common/loadingDiv.html"/>(Freemarker的include语法,模版用的.html后缀)loadingDiv.html<div id='loadingDiv' style="position: absolute; z-index: 1000; top: 0px; left: 0px; width: 100%; height: 100%; background: white; text-align: center;"> <h1 style="top: 48%; position: relative;"> <font color="#15428B">努力加载中···</font> </h1> t;/div> <script type="text/javascript"> function closeLoading() { $("#loadingDiv").fadeOut("normal", function () { $(this).remove(); }); } var no; $.parser.onComplete = function () { if (no) clearTimeout(no); no = setTimeout(closeLoading, 1000); } </script> 以上内容是小编给大家介绍的EasyUI闪屏EasyUI页面加载提示,希望对大家以上帮助!

本文实例讲述了javascript实现可拖动变色并关闭层窗口的方法。分享给大家供大家参考。具体分析如下:这是一款基于javascript+CSS实现层拖动的代码,不同的是它在拖动的时候窗口会变色,使操作体验更好一些,你可以运行代码查看效果。它还可以显示/隐藏或关闭打开的效果,没事的时候推敲一下<html><head><title>拖动窗口</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><style type='text/css'><!--body{font-size:12px;}a:visited{text-decoration:none;color:slategray;}a:hover{text-decoration:underline;color:slategray;}a:link{text-decoration:none;color:slategray;}--></style><script language=JScript><!--var x0=0,y0=0,x1=0,y1=0;var offx=6,offy=6;var moveable=false;var hover='orange',normal='#336699';//color;var index=10000;//z-index;//开始拖动;function startDrag(obj){if(event.button==1){//锁定标题栏;obj.setCapture();//定义对象;var win = obj.parentNode;var sha = win.nextSibling;//记录鼠标和层位置;x0 = event.clientX;y0 = event.clientY;x1 = parseInt(win.style.left);y1 = parseInt(win.style.top);//记录颜色;normal = obj.style.backgroundColor;//改变风格;obj.style.backgroundColor = hover;win.style.borderColor = hover;obj.nextSibling.style.color = hover;sha.style.left = x1 + offx;sha.style.top = y1 + offy;moveable = true;}}//拖动;function drag(obj){if(moveable){var win = obj.parentNode;var sha = win.nextSibling;win.style.left = x1 + event.clientX - x0;win.style.top = y1 + event.clientY - y0;sha.style.left = parseInt(win.style.left) + offx;sha.style.top = parseInt(win.style.top) + offy;}}//停止拖动;function stopDrag(obj){if(moveable){var win = obj.parentNode;var sha = win.nextSibling;var msg = obj.nextSibling;win.style.borderColor = normal;obj.style.backgroundColor = normal;msg.style.color = normal;sha.style.left = obj.parentNode.style.left;sha.style.top = obj.parentNode.style.top;obj.releaseCapture();moveable = false;}}//获得焦点;function getFocus(obj){if(obj.style.zIndex!=index){index = index + 2;var idx = index;obj.style.zIndex=idx;obj.nextSibling.style.zIndex=idx-1;}}//最小化;function min(obj){var win = obj.parentNode.parentNode;var sha = win.nextSibling;var tit = obj.parentNode;var msg = tit.nextSibling;var flg = msg.style.display=="none";if(flg){win.style.height = parseInt(msg.style.height) + parseInt(tit.style.height) + 2*2;sha.style.height = win.style.height;msg.style.display = "block";obj.innerHTML = "0";}else{win.style.height = parseInt(tit.style.height) + 2*2;sha.style.height = win.style.height;obj.innerHTML = "2";msg.style.display = "none";}}//创建一个对象;function xWin(id,w,h,l,t,tit,msg){index = index+2;this.id = id;this.width = w;this.height = h;this.left = l;this.top = t;this.zIndex = index;this.title = tit;this.message = msg;this.obj = null;this.bulid = bulid;this.bulid();}//初始化;function bulid(){var str = ""+ "<div id=xMsg" + this.id + " "+ "style='"+ "z-index:" + this.zIndex + ";"+ "width:" + this.width + ";"+ "height:" + this.height + ";"+ "left:" + this.left + ";"+ "top:" + this.top + ";"+ "background-color:" + normal + ";"+ "color:" + normal + ";"+ "font-size:8pt;"+ "font-family:Tahoma;"+ "position:absolute;"+ "cursor:default;"+ "border:2px solid " + normal + ";"+ "' "+ "onmousedown='getFocus(this)'>"+ "<div "+ "style='"+ "background-color:" + normal + ";"+ "width:" + (this.width-2*2) + ";"+ "height:20;"+ "color:white;"+ "' "+ "onmousedown='startDrag(this)' "+ "onmouseup='stopDrag(this)' "+ "onmousemove='drag(this)' "+ "ondblclick='min(this.childNodes[1])'"+ ">"+ "<span style='width:" + (this.width-2*12-4) + ";padding-left:3px;'>" + this.title + "</span>"+ "<span style='width:12;border-width:0px;color:white;font-family:webdings;' onclick='min(this)'>0</span>"+ "<span style='width:12;border-width:0px;color:white;font-family:webdings;' onclick='ShowHide(\""+this.id+"\",null)'>r</span>"+ "</div>"+ "<div style='"+ "width:100%;"+ "height:" + (this.height-20-4) + ";"+ "background-color:white;"+ "line-height:14px;"+ "word-break:break-all;"+ "padding:3px;"+ "'>" + this.message + "</div>"+ "</div>"+ "<div id=xMsg" + this.id + "bg style='"+ "width:" + this.width + ";"+ "height:" + this.height + ";"+ "top:" + this.top + ";"+ "left:" + this.left + ";"+ "z-index:" + (this.zIndex-1) + ";"+ "position:absolute;"+ "background-color:black;"+ "filter:alpha(opacity=40);"+ "'></div>";document.body.insertAdjacentHTML("beforeEnd",str);}//显示隐藏窗口function ShowHide(id,dis){var bdisplay = (dis==null)?((document.getElementById("xMsg"+id).style.display=="")?"none":""):disdocument.getElementById("xMsg"+id).style.display = bdisplay;document.getElementById("xMsg"+id+"bg").style.display = bdisplay;}//--></script><script language='JScript'><!--function initialize(){var a = new xWin("1",160,200,200,200,"窗口1","xWin Demo");var b = new xWin("2",240,200,100,100,"窗口2","Welcome"); var c = new xWin("3",200,160,250,50,"窗口3","Copyright");ShowHide("1","none");//隐藏窗口1}window.onload = initialize;//--></script></head><base target="_blank"><body onselectstart='return false' oncontextmenu='return false' ><a onclick="ShowHide('1',null);return false;" href="">Windows 1</a><a onclick="ShowHide('2',null);return false;" href="">Windows 2</a><a onclick="ShowHide('3',null);return false;" href="">Windows 3</a></body></html>希望本文所述对大家的javascript程序设计有所帮助。

本文实例讲述了JS模仿编辑器实时改变文本框宽度和高度大小的方法。分享给大家供大家参考。具体如下:这里演示JS模仿编辑器中实时改变文本框大小,包括宽度和高度的方法,在一些在线编辑器,比如eWebEditor中,就有一个功能,让文本框不断的增大或减小,以适应页面的大小,这个功能是如何实现的呢?请您参考一下这个程序,相信你会从中获益。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-editor-cha-width-height-codes/具体代码如下:<html><head><title>改变文字区域的高宽</title><script language="javascript"><!-- function addrows(){ rows = form1.txt.rows; rows++; form1.txt.rows = rows; } function addcols(){ cols = form1.txt.cols; cols++; form1.txt.cols = cols; }//--></script></head><body><form name="form1"> <textarea name="txt"></textarea> <input type="button" value="增加高" onClick="addrows()"> <input type="button" value="增加宽" onClick="addcols()"></form></body></html>希望本文所述对大家的javascript程序设计有所帮助。

和浏览器的交互1、书签使用chrome.bookmarks模块来创建、组织和管理书签。也可参看 Override Pages,来创建一个可定制的书签管理器页面。1.1、manifest.json 中配置{ "name": "My extension", ... "permissions": [ "bookmarks" ], ...}对象和属性:签是按照树状结构组织的,每个节点都是一个书签或者一组节点(每个书签夹可包含多个节点)。每个节点都对应一个BookmarkTreeNode 对象。可以通过 chrome.bookmarks API来使用BookmarkTreeNode的属性。例子:创建了一个标题为 "Extension bookmarks"的书签夹。chrome.bookmarks.create({'parentId': bookmarkBar.id, 'title': 'Extension bookmarks'}, function(newFolder) { console.log("added folder: " + newFolder.title);});创建了一个指向扩展开发文档的书签。chrome.bookmarks.create({'parentId': extensionsFolderId, 'title': 'Extensions doc', 'url': 'http://code.google.com/chrome/extensions'});2、Cookies2.1、manifest.json 中配置{ "name": "My extension", ... "permissions": [ "cookies", "*://*.google.com" ], ...}3、开发者工具下列API模块提供了开发人员工具的部分接口,以支持您对开发人员工具进行扩展。(1)devtools.inspectedWindow(2)devtools.network(3)devtools.panels3.1、manifest.json 中配置{ "name": ... "version": "1.0", "minimum_chrome_version": "10.0", "devtools_page": "devtools.html", ...}4、EventsEvent 是一个对象,当你关注的一些事情发生时通知你。 以下是一个使用 chrome.tabs.onCreated event 的例子,每当一个新标签创建时,event对象会得到通知:chrome.tabs.onCreated.addListener(function(tab) { appendToLog('tabs.onCreated --' + ' window: ' + tab.windowId + ' tab: ' + tab.id + ' index: ' + tab.index + ' url: ' + tab.url);});你可以调用任何 Event 对象的以下方法:void addListener(function callback(...))void removeListener(function callback(...))bool hasListener(function callback(...))5、浏览历史chorme.history 模块被用于和浏览器所访问的页面记录交互。你可以添加、删除、查询浏览器的历史记录。5.1、manifest.json 中配置{ "name": "My extension", ... "permissions": [ "history" ], ...}6、插件管理chrome.management 模块提供了管理已安装和正在运行中的扩展或应用的方法。对于重写内建的新标签页的扩展尤其有用。要使用这个API,您必须在扩展清单文件中 中对授权。6.1、manifest.json 中配置{ "name": "My extension", ... "permissions": [ "management" ], ...}7、标签chrome标签模块被用于和浏览器的标签系统交互。此模块被用于创建,修改,重新排列浏览器中的标签。7.1、manifest.json 中配置{ "name": "My extension", ... "permissions": [ "tabs" ], ...}8、视窗使用chrome.windows模块与浏览器视窗进行交互。 你可以使用这个模块在浏览器中创建、修改和重新排列视窗。8.1、manifest.json 中配置{ "name": "My extension", ... "permissions": ["tabs"], ...}时间通知(notifications)的实现1、创建notification的两种方法:// 注意:没有必要调用 webkitNotifications.checkPermission()。// 声明了 notifications 权限的扩展程序总是允许创建通知。// 创建一个简单的文本通知:var notification = webkitNotifications.createNotification( '48.png', // 图标 URL,可以是相对路径 '您好!', // 通知标题 '内容(Lorem ipsum...)' // 通知正文文本);// 或者创建 HTML 通知:var notification = webkitNotifications.createHTMLNotification( 'notification.html' // HTML 的 URL,可以是相对路径);// 然后显示通知。notification.show();2、通知与其他页面的通信方式:// 在一个通知中...chrome.extension.getBackgroundPage().doThing();// 来自后台网页...chrome.extension.getViews({type:"notification"}).forEach(function(win) { win.doOtherThing();});3、时间通知的实例下面就创建一个时间通知,每个10秒钟弹出一次时间提醒,一共弹出10次。3.1、manifest.json{ // 这个字段将用在安装对话框,扩展管理界面,和store里面,弹出通知的标题 "name": "系统通知", // 扩展的版本用一个到4个数字来表示,中间用点隔开,必须在0到65535之间,非零数字不能0开头 "version": "1", // 描述扩种的一段字符串(不能是html或者其他格式,不能超过132个字符)。这个描述必须对浏览器扩展的管理界面和Chrome Web Store都合适。 "description": "Shows off desktop notifications, which are \"toast\" windows that pop up on the desktop.", // 一个或者多个图标来表示扩展,app,和皮肤 "icons": { "16": "16.png", // 应用的fa网页图标 "48": "48.png", // 应用管理页面需要这个图标 "128": "128.png" // 在webstore安装的时候使用 }, // 扩展或app将使用的一组权限 "permissions": ["tabs", "notifications"], // Manifest V2 用background属性取代了background_page // 这里指定了一个Javascript脚本 "background": { "scripts": ["background.js"] }, // Manifest version 1在Chrome18中已经被弃用了,这里应该指定为2 "manifest_version": 2, // manifest_version 2中,指定扩展程序包内可以在网页中使用的资源路径(相对于扩展程序包的根目录)需要使用该属性把资源列入白名单,插入的content script本身不需要加入白名单 "web_accessible_resources": [ "48.png" ]}3.2、background.js/** * 显示一个时间 notification */function show() { var time = new Date().format('yyyy-MM-dd hh:mm:ss'); // 创建一个notification var notification = window.webkitNotifications.createNotification( '48.png', // 图片,在web_accessible_resources 中添加了 '现在的时间是:', // title time // body. ); // 显示notification notification.show();}// 格式化时间函数Date.prototype.format = function(format){ var o = { "M+" : this.getMonth()+1, //month "d+" : this.getDate(), //day "h+" : this.getHours(), //hour "m+" : this.getMinutes(), //minute "s+" : this.getSeconds(), //second "q+" : Math.floor((this.getMonth()+3)/3), //quarter "S" : this.getMilliseconds() //millisecond } if(/(y+)/.test(format)) format=format.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length)); for(var k in o)if(new RegExp("("+ k +")").test(format)) format = format.replace(RegExp.$1, RegExp.$1.length==1 ? o[k] : ("00"+ o[k]).substr((""+ o[k]).length)); return format;}// 测试浏览器是否支持 webkitNotificationsif(window.webkitNotifications) { // 显示通知 show(); var interval = 0; // 弹出10次 var times = 10; // 创建定时器 var timer = setInterval(function() { interval++; // 10秒钟弹出一次 if (10 <= interval) { show(); interval = 0; times--; if(times <- 0) clearInterval(timer); } }, 1000);}源代码https:

本文实例为大家分享了js验证框架,很实用,供大家参考,具体内容如下1、关键方法和原理:function check(thisInput) 方法中的 if (!eval(scriptCode)) { return false; }2、调用示例:复制代码 代码如下: <input type="text" class="text_field percentCheck" name="progress_payment_two" id="progress_payment_two" inputName="进度款2比例(%)" validate="isNumeric;notNull" maxLength="350" value="" />3、验证时会自动调用:isNumeric 方法 和 notNull方法并返回验证的结果信息。4、验证框架源码如下var ConfigValidateInfoType = "writeAlert"; //支持writeAlert和writePage,"writePage;writeAlert" var rmTempStatusIsAlert = false; var rmTempStatusIsFocus = false; var beginValidate = true; var set_All_Venus_Inputs_Default = true; String.prototype.trim = function() { return this.replace(/(^\s*)|(\s*$)/g, ""); } function checkAllForms(){ var checkResult = true; rmTempStatusIsAlert = false; rmTempStatusIsFocus = false; setAllVenusInputsDefault(); for (var i=0;i<document.forms.length;i++) { for (var j=0;j<document.forms[i].elements.length;j++) { var thisInput = document.forms[i].elements[j]; if ( thisInput.type!="hidden" && thisInput.type!="button" && !( thisInput.id.indexOf("TF_")>=0 && thisInput.id.indexOf("_TF")>0 ) &&thisInput.clientWidth!=0&&thisInput.style&&thisInput.style.display!='none'){ /* if(validateStr != null && validateStr.length > 0 ){ if(thisInput.tagName == 'TEXTAREA' && srcstr != '') { srcstr = replaceEnter(srcstr); if( thisInput.maxLength != null && thisInput.maxLength > 0 ){ if (getStrLength(srcstr) > thisInput.maxLength){ writeValidateInfo(thisInput, "焦点处输入长度超长\n请确保输入长度在" +frm.maxLength+"以内"); return false; } } } } */ if(thisInput.id&&thisInput.id.indexOf("supplier_id_ref_")!=-1&&document.getElementById("unionDiv")&&document.getElementById("unionDiv").style.display=="none"){ continue; } var rtValue = check(thisInput); if(checkResult && rtValue == false) { checkResult = false; break; } } } } return checkResult;} function check(thisInput) { var validateStr = thisInput.validate; if(validateStr == null) { return true; } var inputValue = thisInput.value; if ( beginValidate ) { var validateTemp = new Array(); validateTemp = validateStr.split(';'); for (var i=0;i<validateTemp.length;i++) { if(validateTemp[i].length == 0) { continue; } s = replaceSingleQuote(inputValue); try{ var scriptCode = "javascript:" + validateTemp[i]; //"javascript:" + validateTemp[i] + "('" + s + "', " + "thisInput)" if(validateTemp[i].indexOf("(") < 0 || validateTemp[i].indexOf(")") < 0) { scriptCode = "javascript:" + validateTemp[i] + "(s,thisInput)" } if (!eval(scriptCode)) { return false; } } catch(e) { alert("校验函数"+validateTemp[i]+"有异常,请检查!" + "\n" + e.message ); return false; } } } return true;} function setAllVenusInputsDefault() { var frmslen = document.forms.length; for (var i=0;i<frmslen;i++) { var inslen = document.forms[i].elements.length; for (var j=0;j<inslen;j++) { var frm = document.forms[i].elements[j] if ( frm.type!="hidden" && frm.type!="button" && !( frm.id.indexOf("TF_")>=0 && frm.id.indexOf("_TF")>0 ) ){ if(frm.validate != null) { setVenusInputDefault(frm); writeValidateInfoAfterObject("", frm); } } } } return true;} function setVenusInputDefault(_frm) { _frm.style.borderStyle=""; _frm.style.borderColor=""; if( _frm.value != null ){ _frm.style.backgroundColor = ""; _frm.style.color = ""; }} function replaceEnter(_str) { /**替换换行回车字符**/ var str = _str; str = str.replace('\n','') str = str.replace('\r','') //alert(str.indexOf('\n')) if(str.indexOf('\n')!=-1 &&str.indexOf('\r')!=-1) { return replaceEnter(str); } else { return str; }} function replaceSingleQuote(_str) { /**替换换行回车字符**/ var str = _str; str = str.replace('\\','\\u005C'); str = str.replace('\'','\\u0027'); str = str.replace('(','\\u0028'); str = str.replace(')','\\u0029'); str = str.replace('\"','\\u0022'); str = str.replace(';','\\u0038'); //str = Jtrim(str); return str;} function isContains(_validateStr,_validator) { for (var i=0;i<_validateStr.length;i++) { if(_validateStr[i] == _validator) return true; } return false;} function writeValidateInfo(info, thisObj) { var inputName = getInputNameFromObject(thisObj); info = inputName + "的输入有误!\n" + info; if(ConfigValidateInfoType.indexOf("writePage") >= 0) { writeValidateInfoAfterObject(info, thisObj); } if(ConfigValidateInfoType.indexOf("writeAlert") >= 0) { writeValidateInfoAlert(info, thisObj); } if(!rmTempStatusIsFocus) { setVenusInputError(thisObj); rmTempStatusIsFocus = true; }} function setVenusInputError(_frm) { try { //_frm.click(); // click会导致文件上传错误 _frm.focus(); //由于SELCET不支持内容选择,且不用内容选择,所以特殊处理,防止报错 //修改:李岳 2009-11-12 if(_frm.tagName!="SELECT"){ _frm.select(); } _frm.style.borderStyle="dashed"; _frm.style.borderColor="rgb(255,50,0)"; if( _frm.value != null && _frm.value.length > 0 ){ _frm.style.backgroundColor = "highlight"; _frm.style.color = "white"; } } catch(e) { alert(e.message); }} function writeValidateInfoAlert(info, thisObj) { if(!rmTempStatusIsAlert) { alert(info); rmTempStatusIsAlert = true; }} function writeValidateInfoAfterObject(info, thisObj) { //写校验信息 var validateInfoObj = null; thisObj = getValidatePosition(thisObj); if(thisObj.nextSibling != null && thisObj.nextSibling.nextSibling != null && thisObj.nextSibling.tagName != null && thisObj.nextSibling.tagName.toUpperCase() == "FONT" && thisObj.nextSibling.nextSibling.tagName.toUpperCase() == "SPAN" && thisObj.nextSibling.nextSibling.className == "font_remain_prompt") { validateInfoObj = thisObj.nextSibling.nextSibling; } else { thisObj.insertAdjacentHTML("afterEnd", "<font></font><span class=font_remain_prompt></span>"); validateInfoObj = thisObj.nextSibling.nextSibling; } if(validateInfoObj.innerHTML.length > 0 || info.length > 0) { validateInfoObj.innerHTML = info; }} function getValidatePosition(thisObj) { if(thisObj.nextSibling != null && thisObj.nextSibling.className == "refButtonClass") { thisObj = getValidatePosition(thisObj.nextSibling); } else if(thisObj.nextSibling != null && thisObj.nextSibling.type == "hidden"){ thisObj = getValidatePosition(thisObj.nextSibling); } return thisObj;} function getInputNameFromObject(thisInput) { var inputName = thisInput.inputName ; if ( inputName == null || inputName.length == 0 ){ inputName = thisInput.name; if ( inputName == null || inputName.length == 0 ){ inputName = ""; } } return inputName;} function getStrLength(str){ var len = 0; for(var i=0;i<str.length;i++){ if (str.charCodeAt(i) > 255) len += 2; else len ++; } return len;} /***********************************************************************ranmin validate***********************************************************************/function notNull(s, thisInput) { //不能为空 //去掉空格 try{ thisInput.value=thisInput.value.trim(); }catch(e){ } s=s.trim(); if (s.length == 0){ writeValidateInfo("不能为空或空格!", thisInput); return false; } var s = Jtrim(s); if ( s.length == 0){ writeValidateInfo("不能为空或空格!", thisInput); return false; } return true;} function isJine(s, thisInput) { //不能为空 var a=/^[0-9]*(\.[0-9]{1,2})?$/; if(!a.test(s)){ writeValidateInfo("有非法字符或者小数点位数超过两位", thisInput); return false; }else{ return true; }} function isMobile(s, thisInput) { //是手机号码:必须以数字开头,除数字外,可含有“-” //去掉空格 try{ thisInput.value=thisInput.value.trim(); }catch(e){ } s=s.trim(); if(s.length ==0){ return true; } var obj=new Array() obj[0]="13"; obj[1]="14"; obj[2]="15"; obj[3]="18"; if(s != null ){ if(s.length != 11){ writeValidateInfo('请输入合法的手机号码!', thisInput); return false; } var mob = 0; for ( var int = 0; int < obj.length; int++) { if(s.substring(0,2) == obj[int]){ mob = mob+1; } } if(mob == 0){ writeValidateInfo('请输入合法的手机号码!', thisInput); return false; } } var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/; if (!patrn.exec(s)) { writeValidateInfo('请输入合法的手机号码!', thisInput); return false; } return true;} function isPostalCode(s, thisInput) { //是邮政编码 //去掉空格 try{ thisInput.value=thisInput.value.trim(); }catch(e){ } s=s.trim(); if(s.length ==0){ return true; } var patrn=/^[a-zA-Z0-9 ]{3,12}$/; if (!patrn.exec(s)) { writeValidateInfo('请输入合法的邮政编码!', thisInput); return false; } return true;} function isTel(s,thisInput) { //是电话普通电话、传真号码:可以“+”开头,除数字外,可含有“-” //去掉空格 try{ thisInput.value=thisInput.value.trim(); }catch(e){ } s=s.trim(); if(s.length ==0){ return true; } var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/; if (!patrn.exec(s)) { writeValidateInfo('请输入合法的电话号码!',thisInput); return false } return true;} function isTelForFax(s,thisInput) { //是电话普通电话、传真号码:可以“+”开头,除数字外,可含有“-” //去掉空格 try{ thisInput.value=thisInput.value.trim(); }catch(e){ } s=s.trim(); if(s.length ==0){ return true; } var patrn=/^(\d){3,4}[-](\d){7,8}$/; if (!patrn.exec(s)) { writeValidateInfo('请输入合法的座机号码,例如:010-88888888!',thisInput); return false } return true;} function isFax(s,thisInput) { //是电话普通电话、传真号码:可以“+”开头,除数字外,可含有“-” //去掉空格 try{ thisInput.value=thisInput.value.trim(); }catch(e){ } s=s.trim(); if(s.length ==0){ return true; } var patrn=/^(\d){3,4}[-](\d){7,8}$/; if (!patrn.exec(s)) { writeValidateInfo('请输入合法的传真号码,例如:010-88888888!',thisInput); return false } return true;} function isChinese(s,thisInput) { //是中文 //去掉空格 try{ thisInput.value=thisInput.value.trim(); }catch(e){ } s=s.trim(); if(s.length ==0){ return true; } var ret = ischinese(s); if(!ret){ writeValidateInfo("请输入中文", thisInput); return ret; } return ret;} function notChinese(s,thisInput) { //不含中文 //去掉空格 try{ thisInput.value=thisInput.value.trim(); }catch(e){ } s=s.trim(); if(s.length ==0){ return true; } var ret = ischinese(s); if(ret){ writeValidateInfo("不能输入中文",thisInput); return false; } return true;} function isNum(s,thisInput) { //是数字 //去掉空格 try{ thisInput.value=thisInput.value.trim(); }catch(e){ } s=s.trim(); if(s.length ==0){ return true; } var digits = "0123456789"; var i = 0; var sLength = s.length; while ((i < sLength)) { var c = s.charAt(i); if (digits.indexOf(c) == -1){ writeValidateInfo ("请输入数字!",thisInput); return false; } i++; } return true;} function isNumBigtoZero(s,thisInput) { //是数字 //去掉空格 try{ thisInput.value=thisInput.value.trim(); }catch(e){ } s=s.trim(); if(s.length ==0){ return true; } var digits = "0123456789"; var i = 0; var sLength = s.length; while ((i < sLength)) { var c = s.charAt(i); if (digits.indexOf(c) == -1){ writeValidateInfo ("请输入数字!",thisInput); return false; } i++; } try{ if(thisInput.value<=0){ writeValidateInfo ("输入数值必须大于零!",thisInput); return false; } }catch(e){ } return true;}function isEmail(s,thisInput) { //是电子邮件 //去掉空格 try{ thisInput.value=thisInput.value.trim(); }catch(e){ } s=s.trim(); if(s.length ==0){ return true; } if (s.length > 100) { writeValidateInfo("email地址长度不能超过100位!",thisInput); return false; } var regu = /^(([0-9a-zA-Z]+)|([0-9a-zA-Z]+[_.0-9a-zA-Z-]*[0-9a-zA-Z]+))@([a-zA-Z0-9-]+[.])+([a-zA-Z]{2}|net|NET|com|COM|gov|GOV|mil|MIL|org|ORG|edu|EDU|int|INT)$/; if (regu.exec(s)) { return true; } else { writeValidateInfo ("请输入有效合法的E-mail地址 !",thisInput); return false; }} function isIP() { //是IP var patrn=/^[0-9.]{1,20}$/; if (!patrn.exec(s)){ writeValidateInfo('请输入IP值!',thisInput); return false } return true;} /***********************************************************************Venus Web JavaScript Code:HTC 校验notNull***********************************************************************/function notNullWithoutTrim(s,thisInput) { //是"" //去掉空格 try{ thisInput.value=thisInput.value.trim(); }catch(e){ } s=s.trim(); if ( s.length == 0){ writeValidateInfo('请输入,该项不能为空!',thisInput); return false; } return true;} function isInteger(str,thisInput) { //是整数 //去掉空格 try{ thisInput.value=thisInput.value.trim(); }catch(e){ } str=str.trim(); if(str.length ==0){ return true; } var reg = "0123456789"; for (var i=0;i<str.length;i++){ var m = str.charAt(i); if (reg.indexOf(m) == -1) { writeValidateInfo('请输入整数!',thisInput); return false; } } return true;}function isNormalStrOnWeb(s,thisInput) { //是普通字符(非html标记) if (s.substring(0,1) == "<" || s.substring(0,1) == "\>" || s.substring(0,1) == " "){ writeValidateInfo("焦点处不能以<或\>或空格开头",thisInput); return false; } if (!HoldCode(s)){ writeValidateInfo("焦点处不能输入全角\"·\"/\"—\"/\"——\"字符",thisInput); return false; } if (s.trim().length > 0){ if (s.indexOf("\"") > -1){ writeValidateInfo("焦点处不能输入双引号!!",thisInput); return false; } if (s.indexOf("\'") > -1){ writeValidateInfo("焦点处不能输入单引号",thisInput); return false; } if (s.indexOf("\\") > -1){ writeValidateInfo("焦点处不能输入 '\\' ",thisInput); return false; } } return true;} //基本函数列表function Jtrim(str) { //去空隔函数 var i = 0; var len = str.length; if ( str == "" ) return( str ); var j = len -1; var flagbegin = true; var flagend = true; while ( flagbegin == true && i< len) { if ( str.charAt(i) == " " ) { i=i+1; flagbegin=true; } else { flagbegin=false; } } while (flagend== true && j>=0) { if (str.charAt(j)==" ") { j=j-1; flagend=true; } else { flagend=false; } } if ( i > j ) return (""); var trimstr = str.substring(i,j+1); return trimstr;} function isNumber(s) { //数字判断函数 s=s.trim(); if(s.length ==0){ return true; } var digits = "0123456789"; var i = 0; var sLength = s.length; while ((i < sLength)) { var c = s.charAt(i); if (digits.indexOf(c) == -1) { return false; } i++; } return true;} function ischinese(s) { //判断是否中文函数 var ret=true; for(var i=0;i<s.length;i++) ret=ret && (s.charCodeAt(i)>=10000); return ret;} /***********************************************************************Venus Web JavaScript Code:HTC 表单通用检验(完善中)***********************************************************************/function HoldCode(str){ for(var i=0;i<str.length;i++){ if (str.charCodeAt(i) == 8212 || str.charCodeAt(i) == 183){ return false; } } return true;} function validateForm(current_form) { for (var i=0;i<current_form.length;i++){ if (current_form[i].type =="text" || current_form[i].type == "radio"){ if (current_form[i].value.substring(0,1) == "<" || current_form[i].value.substring(0,1) == "\>" || current_form[i].value.substring(0,1) == " "){ alert("焦点处不能以<或\>或空格开头"); current_form[i].focus(); current_form[i].select(); return false; } if (getStrLength(current_form[i].value) > current_form[i].maxLength){ alert("焦点处输入长度超长\n请确保输入长度在" +current_form[i].maxLength+"以内"); current_form[i].focus(); current_form[i].select(); return false; } if (!HoldCode(current_form[i].value)){ alert("焦点处不能输入全角\"·\"/\"—\"/\"——\"字符"); current_form[i].focus(); current_form[i].select(); return false; } if (!is_empty(current_form[i].value)){ if (current_form[i].name == "scriptDefine"){ return true; } if (current_form[i].value.indexOf("\"") > -1){ alert("焦点处不能输入双引号"); current_form[i].focus(); current_form[i].select(); return false; } } } } return true;} function checkNumber(s, inputName) { try{ //去掉空格 try{ thisInput.value=thisInput.value.trim(); }catch(e){ } s=s.trim(); if(s.length ==0){ return true; } var thisObj = event.srcElement; var maxLength = thisObj.integerDigits; var scale = thisObj.decimalDigits; return checkNumberImpl(s, maxLength, scale); }catch(e){ }} function checkNumberImpl(s, maxLength, scale) { //校验运行里程,小数,整数部分最多为10-2 if(s == "") { return true; } if(scale == undefined) { scale = 0; } if(maxLength == undefined) { maxLength = 38; } if(!isFloatNumber(s)) { return false; } if(s.indexOf(".") >0) { if(s.indexOf(".") <= maxLength && (Math.round(s*(pow(10,scale)))<(pow(10,(maxLength + scale))))) { return true; } else { alert("整数部分最大为" + (maxLength - scale) + "位!"); return false; } } else { if(s.length <= maxLength) { return true; } else { alert("整数部分最大为" + maxLength + "位!!"); return false; } }} function isFloatNumber(s,inputName) { //判断是否 //去掉空格 try{ thisInput.value=thisInput.value.trim(); }catch(e){ } s=s.trim(); if(s.length ==0){ return true; } var digits = "0123456789."; var i = 0; var sLength = s.trim().length; while ((i < sLength)) { var c = s.charAt(i); if (digits.indexOf(c) == -1){ writeValidateInfo("请输入有效数字!", inputName); return false; } i++; } if(s.indexOf(".") != s.lastIndexOf(".")) { alert("小数点不对,请输入有效数字!"); return false; } else { return true; }} function isSearch(s,thisInput) { //不能输入非法字符 if(s.length == 0 ) return true; var patrn=/^[^`[email protected]#$%^&*()+=|\\\][\]\{\}:;'\,.<>/?]{1}[^`[email protected]$%^&()+=|\\\][\]\{\}:;'\,.<>?]{0,5000}$/; var patrn2 = /[^\{\|\.\\,<>"'_}/]/; if (!patrn.exec(s) || !patrn2.exec(s)){ writeValidateInfo('输入项中含非法字符,请重新输入!',thisInput); return false; } return true ;} //===============================================================================================/** * 验证数字(正整数或者包含小数的数字). */function isNumeric(value, thisInput) { //去掉空格 try{ thisInput.value=thisInput.value.trim(); }catch(e){ } value=value.trim(); if(value.length ==0){ return true; } var reg = /^\d+(\.\d+)?$/; if (!reg.test(value)) { writeValidateInfo ("请输入正整数或者小数!", thisInput); return false; } return true;} /** * 验证数字(正整数). */function checkInt(value, thisInput) { //去掉空格 try{ thisInput.value=thisInput.value.trim(); }catch(e){ } value=value.trim(); if(value.length ==0){ return true; } var reg = /^[0-9]\d*$/; if (!reg.test(value)) { writeValidateInfo ("请输入正整数!", thisInput); return false; } return true;}/** * 验证数字(整数位最大为10位,可以带小数) */function validateNumericAndLength(value, thisInput) { //去掉空格 try{ thisInput.value=thisInput.value.trim(); }catch(e){ } value=value.trim(); if(value.length ==0){ return true; } var reg = /^\d{1,10}(\.\d+)?$/; if (!reg.test(value)) { writeValidateInfo ("请输入正整数或者小数(整数位只能有10位)!", thisInput); return false; } return true;} /** * 验证数字(18,2) */function isNum18p2(value, thisInput) { //去掉空格 try{ thisInput.value=thisInput.value.trim(); }catch(e){} value=value.trim(); if(value.length ==0){ return true; } var reg = /^(-)?\d{1,16}(\.\d{1,2})?$/; if (!reg.test(value)) { writeValidateInfo ("请输入数字(整数位最多16位,小数位最多2位)!", thisInput); return false; } return true;} /** * 验证数字(18,4) */function isNum18p4(value, thisInput) { //去掉空格 try{ thisInput.value=thisInput.value.trim(); }catch(e){} value=value.trim(); if(value.length ==0){ return true; } var reg = /^(-)?\d{1,14}(\.\d{1,4})?$/; if (!reg.test(value)) { writeValidateInfo ("请输入数字(整数位最多14位,小数位最多4位)!", thisInput); return false; } return true;} /** * 验证数字(5,2) */function isNum5p2(value, thisInput) { //去掉空格 try{ thisInput.value=thisInput.value.trim(); }catch(e){} value=value.trim(); if(value.length ==0){ return true; } var reg = /^(-)?\d{1,3}(\.\d{1,2})?$/; if (!reg.test(value)) { writeValidateInfo ("请输入数字(整数位最多3位,小数位最多2位)!", thisInput); return false; } return true;} /** * 验证Email. */function checkEmail(value, thisInput) { //去掉空格 try{ thisInput.value=thisInput.value.trim(); }catch(e){ } value=value.trim(); if(value.length ==0){ return true; } var reg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; if (!reg.test(value)) { writeValidateInfo ("请输入正确的Email地址!", thisInput); return false; } return true;} /** * 验证身份证(15位或者18位身份证). */function checkIdCard(value, thisInput) { //去掉空格 try{ thisInput.value=thisInput.value.trim(); }catch(e){ } value=value.trim(); if(value.length ==0){ return true; } var reg = /^\d{15}(\d{2}[A-Za-z0-9])?$/; if (!reg.test(value)) { writeValidateInfo ("请输入正确的身份证号码!", thisInput); return false; } return true;} /** * 验证邮政编码. */function checkPostCode(value, thisInput) { //去掉空格 try{ thisInput.value=thisInput.value.trim(); }catch(e){ } value=value.trim(); if(value.length ==0){ return true; } var reg = /^[0-9]\d{5}$/; if (!reg.test(value)) { writeValidateInfo ("请输入正确的邮政编码!", thisInput); return false; } return true;} /** * 验证是否为中文字符. */function checkChinese(value, thisInput) { //去掉空格 try{ thisInput.value=thisInput.value.trim(); }catch(e){ } value=value.trim(); if(value.length ==0){ return true; } var reg = /^[\u0391-\uFFE5]+$/; if (!reg.test(value)) { writeValidateInfo ("请输入中文字符!", thisInput); return false; } return true;} /** * 验证是否为非法字符. */function checkInvalidString(value, thisInput) { var reg = /^[^`[email protected]#$%^&*()+=|\\\][\]\{\}:;'\,.<>/?]*$/; if (!reg.exec(value)) { writeValidateInfo ("输入的字符中包含特殊字符,请重新输入!", thisInput); return false; } return true;} function checkMoney(s, inputName) { //去掉空格 try{ thisInput.value=thisInput.value.trim(); }catch(e){ } s=s.trim(); if(s.length ==0){ return true; } if(s==""){ writeValidateInfo("金额不能为空!", inputName); return false; } if(isFloatNumber(s,inputName)==false){ writeValidateInfo("非法金额值!", inputName); return false; } var maxLength = 10; var scale =2; return checkNumberImpl(s, maxLength, scale,inputName);} /** * 校验分数是否在0-100 */function isAdultAge(str,thisInput) { //是整数 //去掉空格 try{ thisInput.value=thisInput.value.trim(); }catch(e){ } str=str.trim(); if(str.length ==0){ return true; } if(parseInt(str)<0 || parseInt(str)>100){ writeValidateInfo('请输入合法分数(0--100之间)!',thisInput); return false; } return true;} /** * 6 级强度设置(数字、大写字母、小写字母、特殊字符、长度>=6、长度>=10) * 如果密码为空,返回 0 */function pwdStrength(pwd) { var sum = [0, 0, 0]; for (var i=0; i<pwd.length; i++) { var c = pwd.charCodeAt(i); if (c >=48 && c <=57) //数字 sum[0] = 1; else if (c >=65 && c <=90) //大写字母 sum[1] = 1; else if (c >=97 && c <=122) //小写字母 sum[1] = 1; else //特殊字符 sum[2] = 1; } var level = sum[0] + sum[1] + sum[2] ; if (pwd.length >= 8) level++; return level;}function isBiggerZero(value, thisInput) { //已经是数字,然后必须大于0 if(thisInput.value<=0){ writeValidateInfo('请输入一个大于零的数字!',thisInput); return false; } return true;} function isNonnegative(value, thisInput) { if(thisInput.value<0){ writeValidateInfo('请输入一个非负的数字!',thisInput); return false; } return true;} /** * 验证数字(20,6) */function isNum20p6(value, thisInput) { //去掉空格 try{ thisInput.value=thisInput.value.trim(); }catch(e){} value=value.trim(); if(value.length ==0){ return true; } var reg = /^(-)?\d{1,14}(\.\d{1,6})?$/; if (!reg.test(value)) { writeValidateInfo ("请输入数字(整数位最多14位,小数位最多6位)!", thisInput); return false; } return isBiggerZero(value, thisInput);} /** * 验证数字(18,6) */function isNum18p6(value, thisInput) { //去掉空格 try{ thisInput.value=thisInput.value.trim(); }catch(e){} value=value.trim(); if(value.length ==0){ return true; } var reg = /^(-)?\d{1,12}(\.\d{1,6})?$/; if (!reg.test(value)) { writeValidateInfo ("请输入数字(整数位最多12位,小数位最多6位)!", thisInput); return false; } return isBiggerZero(value, thisInput);} function isNonnegative20p6(value, thisInput) { //去掉空格 try{ thisInput.value=thisInput.value.trim(); }catch(e){} value=value.trim(); if(value.length ==0){ return true; } var reg = /^(-)?\d{1,14}(\.\d{1,6})?$/; if (!reg.test(value)) { writeValidateInfo ("请输入数字(整数位最多14位,小数位最多6位)!", thisInput); return false; } return isNonnegative(value, thisInput);} /** * 验证数字(20,4) */function isNum20p4(value, thisInput) { //去掉空格 try{ thisInput.value=thisInput.value.trim(); }catch(e){} value=value.trim(); if(value.length ==0){ return true; } var reg = /^(-)?\d{1,16}(\.\d{1,4})?$/; if (!reg.test(value)) { writeValidateInfo ("请输入数字(整数位最多16位,小数位最多4位)!", thisInput); return false; } return isBiggerZero(value, thisInput);} /** * 供应商输入的单批次保证金金额只能是正整数并且只能精确到百位 */function isDPCBZJ(value, thisInput) { //去掉空格 try{ thisInput.value=thisInput.value.trim(); }catch(e){ } value=value.trim(); if(value.length ==0){ return true; } var reg = /^[1-9]\d*00$/; if (!reg.test(value)) { writeValidateInfo ("请输入正确的保证金金额!", thisInput); return false; } return true;} //报表招标年度起始年度不能大于终止年度的判断function validateYear(startYear,endYear,flag) { if(startYear > endYear){ if(flag==1){ alert("起始月份不能大于终止月份"); return false; }else{ alert("招标起始年度不能大于终止年度"); return false; } } return true;}以上就是本文的全部内容,希望对大家的学习有所帮助。

焦点访谈

最新最热的文章

更多 >

COPYRIGHT (©) 2017 Copyright ©2017 腾博会官网 网站地图

联系我们

827570882

扫描二维码分享到微信