`

javascript 常用校验代码 2

阅读更多

请参看:http://hw1287789687.iteye.com/blog/2124945

(1)判断是否是数字

/***
* whether is digit
*/
com.whuang.hsj.isInteger=function(int22){
	if(!int22 || int22==undefined){
		return false;
	}
	if( int22.match(/^[\d\\.]+$/i)){ 
    return true;
  }else{
    return false;
  }
};

 应用:

var qrcodeSizeObj=com.whuang.hsj.$$id('qrcodeSize');
	var qrcodeSizeint=qrcodeSizeObj.value;
	if(!com.whuang.hsj.isHasValue(qrcodeSizeint)){
		qrcodeSizeObj.focus();
		alert('请输入像素大小.');
		return ;
	}
	var isDigit=com.whuang.hsj.isInteger(qrcodeSizeint);
	if(!isDigit){
		alert('请输入数字[100-1000]');
		return;
	}

 

(2)文本框只能输入数字

<input type="text" id="qrcodeSize" onkeyup="onlyNumberKeyUp(event)" >像素

 这样,文本框就只能输入数字了,如果输入其他字符,比如字母,就会自动删除.

onlyNumberKeyUp实现:

/*
 * 只能输入数字
 * 
 */
onlyNumberKeyUp=function(event){
	var obj=event.srcElement?event.srcElement:event.target;
	var pattern = /[^\d\.\/]/ig;
	if(pattern.test(obj.value)) {
		var i=getCursortPosition(event);
		obj.value=obj.value.replace(pattern,'');
		setCaretPosition(event,i);
	}
};

 

(3)判断输入框是否为空

/**
 * whether has value
 * 
 * @param {Object}
 *            input
 */
com.whuang.hsj.isHasValue = function(input) {
	if (typeof input == "number" && input == "0") {
		return true;
	}
	if(!input)
	{
		return false;
	}
	if(input==""||input==undefined||com.whuang.hsj.isWholeWhitespace(input)){
		return false;
	}
	return true;
};
/**
 * is whitespace entirely
 * 
 * @param {Object}
 *            inputString
 */
com.whuang.hsj.isWholeWhitespace = function(inputString) {
	if (typeof inputString == "object") {
		return inputString;
	}
	var bootInit = true;
	if (inputString == "" || inputString == undefined) {
		return false;
	}
	for ( var i = 0; i < inputString.length; i++) {
		var c = inputString.charAt(i);
		if (!com.whuang.hsj.isWhitespace(c)) {
			bootInit = false;
			break;
		}
	}
	return bootInit;
};
com.whuang.hsj.isWhitespace = function(input) {// whether has whitespace
	var whitespace = " \t\n\r";
	for ( var i = 0; i < input.length; i++) {
		var c = input.charAt(i);
		if (whitespace.indexOf(c) >= 0) {
			return true;
		}
	}
	return false;
};

 应用:

var qrcodeSizeObj=com.whuang.hsj.$$id('qrcodeSize');
	var qrcodeSizeint=qrcodeSizeObj.value;
	if(!com.whuang.hsj.isHasValue(qrcodeSizeint)){
		qrcodeSizeObj.focus();
		alert('请输入像素大小.');
		return ;
	}

 

 

(4)js动态添加组件(控件)

var buttonTd=com.whuang.hsj.$$id("buttonTd");//td tag
		var newInput =document.createElement("input");
		newInput.type="button"; 
		newInput.name="input1";
		newInput.value="修改密码";
newInput.className='class2';
		buttonTd.appendChild(newInput);

 说明:newInput.className 是用于指定样式

请参考:http://hw1287789687.iteye.com/blog/2124945

  • 大小: 8.6 KB
0
0
分享到:
评论

相关推荐

    javascript 常用校验代码

    这篇博客“javascript 常用校验代码”可能包含了多种用于验证用户输入、数据格式以及其他关键业务逻辑的JavaScript函数和方法。 在JavaScript中,数据校验主要针对以下几个方面: 1. **用户输入校验**:这通常涉及...

    JavaScript常用代码集锦

    ### JavaScript常用代码集锦 #### 一、选择用户功能实现 **函数名称:** `doSelectUser` **功能概述:** 本函数用于在网页中弹出一个选择用户的模态对话框窗口,允许用户从中选择特定用户。 **参数说明:** - `...

    JavaScript常用代码大全

    ### JavaScript常用代码解析 #### 1. 弹出选择用户对话框 ```javascript function doSelectUser(txtId) { var strFeatures = "dialogWidth=500px;dialogHeight=360px;center=yes;middle=yes;help=no;status=no;...

    javascript 常用代码大全

    根据给定的信息,本文将对JavaScript常用代码进行详细介绍。这些代码涵盖了从模式窗口的打开到日期验证、字符串处理等多方面的重要功能。 ### 模式窗口的打开与关闭 #### 打开模式窗口 ```javascript function ...

    javascript常用代码大全.doc

    在提供的“JavaScript常用代码大全”中,我们可以看到许多实用的代码片段,涵盖了多个方面的功能,包括对话框、全屏窗口、XML处理、表单验证、字符检测、浏览器检测以及特定功能的实现。 1. 对话框: - `...

    javascript常用函数 javascript 常用库

    一、JavaScript常用函数 1. 数组操作函数 - `push()`: 向数组末尾添加一个或多个元素,并返回新长度。 - `pop()`: 删除并返回数组最后一个元素。 - `shift()`: 删除并返回数组第一个元素。 - `unshift()`: 在...

    Javascript特效代码大全 程序员常用的网页特效

    JavaScript是一种强大的客户端脚本语言,广泛应用于网页开发,用于实现各种动态效果和交互性功能...文档"程序员常用JavaScript特效.chm"可能是帮助文档,而".doc"文件可能包含了详细的代码示例和解释,是学习的好资源。

    javascript经典常用代码-javescript教程

    ### JavaScript经典常用代码解析 #### 1. 关闭当前窗口并重定向打开者窗口 在HTML文档中,通过使用`window.opener.location`属性和`window.close()`方法可以实现关闭当前弹出窗口(如果是由另一个窗口打开的)并...

    javascript常用校验脚本

    这些验证脚本是JavaScript中进行数据校验的基本工具,它们可以根据实际需求进行组合和扩展,以满足更复杂的应用场景。例如,你可以结合这些函数创建一个自定义的表单验证器,对用户输入进行全方位的检查。同时,随着...

    常用JAVASCRIPT代码

    本资料包"常用JAVASCRIPT代码"包含了几个常见的JavaScript代码示例,旨在帮助开发者快速理解和应用JavaScript。 1. **基础语法** JavaScript的基础包括变量声明(`var`, `let`, `const`),数据类型(如字符串、...

    Javascript常用代码收集(一)

    这篇“JavaScript常用代码收集(一)”旨在整理和分享一些JavaScript的基础及进阶知识点,帮助开发者提升工作效率。 在JavaScript中,`null`是一个特殊的值,它表示“无”或“空”。不同于其他编程语言中的空值,...

    javascript代码常用大全

    ### JavaScript代码常用大全知识点解析 #### 一、验证类 **1. 数字验证** - **1.1 整数验证** - 目的是确保输入的字符串仅包含整数。 - 可以通过正则表达式 `/^-?\d+$/.test(str)` 实现,其中 `-?` 表示可选的...

    JavaScript大全 常用JS效果代码

    这个压缩包文件“JavaScript大全 常用JS效果代码”显然包含了一系列实用的JavaScript代码片段,旨在帮助开发者快速实现常见的网页特效和功能。 1. **JS特效**:JavaScript能够创造出丰富的用户体验,如滑动门、轮播...

    javascript常用效果大全

    ### JavaScript常用效果大全 #### 1. 弹窗选择用户功能 ```javascript function doSelectUser(txtId) { var strFeatures = "dialogWidth=500px;dialogHeight=360px;center=yes;middle=yes;help=no;status=no;...

    javascript 400 常用 实例 特效 源代码

    在这个"javascript 400 常用 实例 特效 源代码"压缩包中,包含了丰富的JavaScript编程示例,旨在帮助开发者深入理解和应用JavaScript的各种功能。以下是这些实例和特效所涉及的主要知识点: 1. **页面元素操作**:...

    常用Javascript特效代码

    这个名为"常用Javascript特效代码"的压缩包文件显然包含了各种JavaScript特效的代码示例,可以帮助开发者快速实现常见的网页效果。 1. **基础概念**: JavaScript主要负责网页的前端逻辑,它可以在用户与网页交互...

    常用JavaScript特效代码

    2. **交互性**:JavaScript可以增强用户与网页的互动,例如下拉菜单、弹出框、轮播图、表单验证等。这些功能让网站更加生动且易于使用,提高了用户满意度。 3. **响应式设计**:随着移动设备的普及,JavaScript也被...

Global site tag (gtag.js) - Google Analytics