`

常用表单验证脚本函数

阅读更多

   以前项目中常用的校验函数,贴于此,供以后备用.

 

/*------------------------------------------|
| Common Functions                          |
|-------------------------------------------|
| @Author: jiang zhengjun                   |
| @version 1.1, 2008-09-22 modi             |
|------------------------------------------*/

/**
* 根据指定的id获取第一个对象引用
* @param web组件的name 或 Id
* @return 返回具有同样id或name属性集合中的第一个对象,如果不存在,则返回null
* 注:如果有相同的id,则返回集合中的第一个对象引用,
* 如果不同的web组件的name属性与id属性相同,不管其放置
* 顺序,都会返回最前的一个引用(实际上用id还是name指定结果都一样)
*/
function $(id)
{
	return document.getElementById(id);
}

/**
* 根据指定的name获取第一个对象引用
* @param web组件的name 或 Id
* @return 返回具有同样name或id属性集合中的第一个对象
* 注:如果有相同的name,则返回集合中的第一个对象引用,如果不存返回null
* 如果不同的web组件的name属性与id属性相同,不管其放置
* 顺序,返回的集合里元素顺序与编程顺序一致
*/
function getObjByName(name)
{
	if(document.getElementsByName(name).length==0){
		return null;
	}else{
		return document.getElementsByName(name)[0];
	}
}

/**
* 根据指定的name获取相同属性值的对象引用集合
* @param web组件的name 或 Id
* @return 返回具有同样name或id属性集合中的第一个对对象,如果不存在
	则返回长度为零的数组
* 注:返回的集合里元素顺序与编程顺序一致
*/
function getObjsByName(name)
{
	return document.getElementsByName(name);
}

/**
* 根据指定的标签名获取相同标签名的对象引用集合
* @param web组件的tagName
* @return 返回具有同样tagName元素集合,如果不存在
	则返回长度为零的数组
*/
function getObjsByTagName(tagName)
{
	return document.getElementsByTagName(name);
}

/**
* 根据指定的标签名获取相同标签名的集合中第一个对象引用
* @param web组件的tagName
* @return 返回具有同样tagName元素集合中的第一个对象
* 注:如果有相同的tagName,则返回集合中的第一个对象引用,
	如果不存,则返回null
*/
function getObjByTagName(name)
{
	if(document.getElementsByTagName(name).length==0){
		return null;
	}else{
		return document.getElementsByTagName(name)[0];
	}
}

/**
* method:display layer
* @param id element id
*/
function divDisp(id)
{
	$(id).style.display = 'inline';
}

/**
* method:hide layer
* @param id element id
*/
function divHid(id)
{
	$(id).style.display = 'none';
}

/**
* method:去除字串的左空格
* @param str 
*/
function lTrim(str)
{
	var len = str.length;
    if (len !=0 && str.charAt(0) == ' ')
    {
		str = lTrim(str.slice(1));
    }   
    return str;
}
/**
* method:去除字串的右空格
* @param str 
*/
function rTrim(str) 
{
    var len = str.length;
    if (len !=0 && str.charAt(len - 1) == ' ')
    {
    	str = str.slice(0, len - 1);
    	str = rTrim(str);
    }
   return str;
}

/**
* method:去除字串的两端空格   
* @param str 
*/ 
function trim(str)
{
    return lTrim(rTrim(str));
}

/**
* method:得到字符串占字节的大小
* ¤§¨°±·×àáèéêìíòó÷ùúü 这些字符的编码在0-255间,但占二个字节
* @param str 
*/ 
function getStringBinarySize(str)
{
	var reg = /([^\u0000-\u00ff]|[¤§¨°±·×àáèéêìíòó÷ùúü])/g;
    var enLen = 0;
    var zhLen = 0;
    var binaryCount = 0;
    if(str.match(reg)){
        zhLen = str.match(reg).length;
        enLen = str.length - zhLen;
        binaryCount = enLen + (zhLen << 1);
    }else{
        binaryCount = str.length;
    }
	return binaryCount;
}

/**
 * 功能:获取焦点并选中
 * 返回:void
 */
function focusAndSelect(obj){
	var stype = obj.type;
		if(stype){
			if ((stype.toLowerCase() == "password") 
			|| (stype.toLowerCase() == "text")
			|| (stype.toLowerCase() == "textarea")){
				//obj.select();
				obj.focus();
			}else{
				obj.focus();
			}
	}
}

/**
 * 功能:判断是否为空
 * 参数:label      出错提示信息
 * 参数:obj        被检查的页面元素对象
 * 参数:isalert    是否弹出提示框 true:错误时弹出,false:错误时不提示
 * 返回:若为空返回true,否则返回 false
 */
function isEmpty (obj,label)
{

	var str = delSpaceChar(obj);
	obj.value = str;
	
	if (str.length == 0)
	{
		if(label != undefined && label != null)
		{
			alert(label);
			focusAndSelect(obj);
		}		
		
		return true;
	}
	
	return false;
}

/**
 * 功能:删除字符串前后空白字符
 * 参数:obj    被删除除的元素对象


 * 返回:若不满足条件返回 false;否则返回 true
 */
function delSpaceChar(obj){

	var str = obj.value;
	var regFirst = /^[\s  ]{1,}/;
	var regLast = /[\s  ]{1,}$/;
	str = str.replace(regFirst,"");
	str = str.replace(regLast,"");
	obj.value = str;

	return str;
}

/**
 * 功能:是否为数字字符串
 * 参数:label1     非空时出错提示信息
 * 参数:obj        被检查的元素对象
 * 参数:minlen     允许的最小字符长度
 * 参数:maxlen     允许的最大字符长度
 * 参数:allowempty 是否允许为空 false不允许为空,true允许为空
 * 参数:label2     为空时出错提示信息
 * 返回:若不满足条件返回 false;否则返回 true
 */
function isNumChar(label1,obj,minlen,maxlen,label2,allowempty)
{
	var str = delSpaceChar(obj);
	var len = str.length;
	if(allowempty && len==0){
		return true;
	}
	
	if(isEmpty(obj,label2)){
		return false;
	}

	var regStr = "^[0-9]{"+ minlen + "," + maxlen + "}$";
	var reg = new RegExp(regStr);

	if(!reg.test(str)){
		alert(label1);
		focusAndSelect(obj);
		return false;
	}

	return true;
}


/**
 * 功能:是否为整数(包括负整数、零、正整数)
 * 参数:label1      非空时出错提示信息
 * 参数:obj        被检查的元素对象
 * 参数:min        允许的最小值
 * 参数:max        允许的最大值
 * 参数:allowempty 是否允许为空 false不允许为空,true允许为空
 * 参数:label2      为空时出错提示信息
 * 返回:若不满足条件返回 false;否则返回 true
 */
function isInt(label1,obj,min,max,label2,allowempty){
    var str = delSpaceChar(obj);
	var len = str.length;
	if(allowempty && len==0){
		return true;
	}
	
	if(isEmpty(obj,label2,true)){
		return false;
	}
   
    var reg = /^((-?([1-9])([0-9]*))|0)$/;
    if(!reg.test(str) || parseInt(str) < min ||  parseInt(str) > max){
        alert(label1);
        focusAndSelect(obj);
        return false;
    }

    return true;
}

/**
 * 功能:是否为有效小数(验证是否为整数时最好用isInt()方法)
 * 参数:label1     非空时出错提示信息
 * 参数:obj        被检查的元素对象
 * 参数:min        允许的最小值
 * 参数:max        允许的最大值
 * 参数:precision  如果是小数,则为小数位的位数
 * 参数:allowempty 是否允许为空 false不允许为空,true允许为空
 * 参数:label2      为空时出错提示信息

 * 返回:若不满足条件返回 false;否则返回 true
 */
function isNum(label1,obj,min,max,precision,label2,allowempty){
	var str = delSpaceChar(obj);
	var len = str.length;
	if(allowempty && len==0){
		return true;
	}
	
	if(isEmpty(obj,label2,true)){
		return false;
	}
	
	var regStr = "^((-?([1-9])([0-9]*)(\.[0-9]{1,"+ precision + "})?)|(0(\.[0-9]{1," + precision + "})?)|(-0(\.[0-9]{1," + precision + "})+))$";
	var reg = new RegExp(regStr);

    if(!reg.test(str) || parseFloat(str) < min ||  parseFloat(str) > max){
        alert(label1);
        focusAndSelect(obj);
        return false;
    }

    return true;
}


/**
 * 功能:非法字符检测
 * 不能含有以下特殊字符|&">\<',且长度在minlen 与maxlen之间
 * 参数:label1     非空时出错提示信息
 * 参数:obj        被检查的元素对象
 * 参数:minlen     允许的最小字符长度
 * 参数:maxlen     允许的最大字符长度
 * 参数:allowempty 是否允许为空 false:不允许为空,true:允许为空
 * 参数:label2    为空时出错提示信息
 * 返回:若是非法字符返回 true;否则返回 false
 */
function isIllegalChar(label1,obj,minlen,maxlen,label2,allowempty)
{
	var str = delSpaceChar(obj);
	var len = str.length;
	if(allowempty && len==0){
		return false;
	}

	if(isEmpty(obj,label2,true)){
		return true;
	}

	var rep =/[|&\">\\<\']/g;

    if(len < minlen || len > maxlen || str.match(rep))
    {
        alert(label1);
        focusAndSelect(obj);
        return true;
    }
    return false;
}

/**
 * 功能:是否为合法的邮件地址
 * 参数:label1      非空时出错提示信息
 * 参数:obj        被检查的元素对象
 * 参数:minlen     允许的最小字符长度
 * 参数:maxlen     允许的最大字符长度
 * 参数:allowempty 是否允许为空 false不允许为空,true允许为空
 * 参数:label2      为空时出错提示信息

 * 返回:若不满足条件返回 false;否则返回 true
 */
function isEmail(label1,obj,minlen,maxlen,label2,allowempty)
{
	
	var str = delSpaceChar(obj);
	var len = str.length;
	if(allowempty && len==0){
		return true;
	}
	
	if(isEmpty(obj,label2,true)){
		return false;
	}
	
	var reg =/^(?:\w+\.?)*\w+@(?:\w+\.?)*\w+$/;

	if(len < minlen || len > maxlen ){
		alert(label1);
		focusAndSelect(obj);
		return false;
	}

	if(!reg.test(str)){
		alert(label1);
		focusAndSelect(obj);
		return false;
	}

	return true;
}

/**
 * 功能:是否合法IP
 * 参数:label1     非空时出错提示信息
 * 参数:obj        被检查的元素对象
 * 参数:allowempty 是否允许为空 false不允许为空,true允许为空
 * 参数:label2     为空时出错提示信息
 * 返回:若不满足条件返回 false;否则返回 true
 */
function isValideIP(label1,obj,label2,allowempty)
{
	var str = delSpaceChar(obj);
	var len = str.length;
	if(allowempty && len==0){
		return true;
	}
	
	if(isEmpty(obj,label2,true)){
		return false;
	}
   
    var reg =/^(([1-9])|([1-9]\d)|1\d\d|2[0-4][0-9]|25[0-5])\.((([0-9])|([1-9]\d)|1\d\d|2[0-4][0-9]|25[0-5])\.){2}(([0-9])|([1-9]\d)|1\d\d|2[0-4][0-9]|25[0-5])$/;
    if(!reg.test(str)){
        alert(label1);
        focusAndSelect(obj);
        return false;
    }
    return true;
}

 /**
 * 功能:验证日期合法性 1900-3000年
 * 参数:label1      非空时出错提示信息
 * 参数:obj          被检查的元素对象 
 * 参数:formatStr  日期格式 形如 YYYY-MM-DD MM-DD-YYYY YYYY/MM/DD MM/DD/YYYY 
 * 参数:allowempty 是否允许为空 false不允许为空,true允许为空
 * 参数:label2     为空时出错提示信息

 * 返回:若不满足条件返回 false;否则返回 true
 */
function isValidDate(label1,obj,formatStr,label2,allowempty)
{
	var str = delSpaceChar(obj);
	var len = str.length;
	if(allowempty && len==0){
		return true;
	}
	
	if(isEmpty(obj,label2,true)){
		return false;
	}
	
	formatStr = formatStr.toUpperCase();

	var yearRegStr = "((19[0-9]{2})|(2[0-9]{3})|(3000))";
	var monthRegStr = "((0[0-9])|(1[0-2]))";
	var dayRegStr = "((0[0-9])|([12][0-9]|(3[01])))";
	
	var regStr = "^"+formatStr.replace("YYYY",yearRegStr).replace("MM",monthRegStr).replace("DD",dayRegStr)+"$";
	var reg = new RegExp(regStr);

	if(!reg.test(str)){
        alert(label1);
        focusAndSelect(obj);
        return false
	}

	var year =str.substring(formatStr.indexOf("YYYY"),formatStr.indexOf("YYYY")+4);
	var month = str.substring(formatStr.indexOf("MM"),formatStr.indexOf("MM")+2);
	var day = str.substring(formatStr.indexOf("DD"),formatStr.indexOf("DD")+2);

	//alert(year + " " + month + " " + day);

    if ((month==4 || month==6 || month==9 || month==11) && day==31)
    {
        alert(label1);
        focusAndSelect(obj);
        return false;
    }
    if (month==2)
    {
        var isleap=(year % 4==0	&& (year % 100 !=0 || year % 400==0));
        if (day>29 || ((day==29) && (!isleap)))
        {
            alert(label1);
             focusAndSelect(obj);
            return false;
        }
    }
    
    return true;
}

 /**
 * 功能:验证日期时间合法性 
 * 参数:label1      非空时出错提示信息
 * 参数:obj          被检查的元素对象 
 * 参数:formatStr  日期格式 形如 YYYY-MM-DD HH:MM:SS;  MM/DD/YYYY  HH:MM:SS 
 * 参数:allowempty 是否允许为空 false不允许为空,true允许为空
 * 参数:label2     为空时出错提示信息
 * 返回:若不满足条件返回 false;否则返回 true
 */
function isValidDateTime(label1,obj,formatStr,label2,allowempty){
	var str = delSpaceChar(obj);
	var len = str.length;
	if(allowempty && len==0){
		return true;
	}

	if(isEmpty(obj,label2,true)){
		return false;
	}
	
	var dateStr = str.split(" ")[0];
	var timeStr = str.split(" ")[1];
 
 	formatStr = formatStr.toUpperCase();
 	
 	var dateFormatStr = formatStr.split(" ")[0];
 	var timeFormatStr = formatStr.split(" ")[1];
 	
 	//----date validator
	var yearRegStr = "((19[0-9]{2})|(2[0-9]{3})|(3000))";
	var monthRegStr = "((0[0-9])|(1[0-2]))";
	var dayRegStr = "((0[0-9])|([12][0-9]|(3[01])))";
	
	var regStr = "^"+dateFormatStr.replace("YYYY",yearRegStr).replace("MM",monthRegStr).replace("DD",dayRegStr)+"$";
	var reg = new RegExp(regStr);

	if(!reg.test(dateStr)){
        alert(label1);
        focusAndSelect(obj);
        return false
	}
	
	var year =dateStr.substring(dateFormatStr.indexOf("YYYY"),dateFormatStr.indexOf("YYYY")+4);
	var month = dateStr.substring(dateFormatStr.indexOf("MM"),dateFormatStr.indexOf("MM")+2);
	var day = dateStr.substring(dateFormatStr.indexOf("DD"),dateFormatStr.indexOf("DD")+2);

    if ((month==4 || month==6 || month==9 || month==11) && day==31)
    {
        alert(label1);
        focusAndSelect(obj);
        return false;
    }
    if (month==2)
    {
        var isleap=(year % 4==0	&& (year % 100 !=0 || year % 400==0));
        if (day>29 || ((day==29) && (!isleap)))
        {
            alert(label1);
             focusAndSelect(obj);
            return false;
        }
    }
 //----time validator
	var reg = /^(([0-1][0-9])|(2[0-3]))(:([0-5][0-9])){2}$/;
	if(!reg.test(timeStr)){
	    alert(label1);
	    focusAndSelect(obj);
	    return false
	}
	
	return true;
}

/**
 * 功能:是否是合法时间 HH:MM:SS
 * 参数:label1      非空时出错提示信息
 * 参数:obj          被检查的元素对象 
 * 参数:allowempty 是否允许为空 false不允许为空,true允许为空
 * 参数:label2      为空时出错提示信息
 * 返回:若不满足条件返回 false;否则返回 true
 */
function isValideTime(label1,obj,label2,allowempty)
{
	var str = delSpaceChar(obj);
	var len = str.length;
	if(allowempty && len==0){
		return true;
	}
	
	if(isEmpty(obj,label2,true)){
		return false;
	}

    var reg = /^(([0-1][0-9])|(2[0-3]))(:([0-5][0-9])){2}$/;
    if(!reg.test(str)){
        alert(label1);
        focusAndSelect(obj);
        return false
    }
    return true;
}

/**
 * 功能:字符串到日期字符串 如:YYYYMMDD->YYYY-MM-DD或MM/DD/YYYY
 * 参数:str          被转换的字符串 
 * 参数:formatStr  日期格式 形如 YYYY-MM-DD ;  MM/DD/YYYY  
 * 返回:格式化后的字符串
 */
function str2DateStr(str,formatStr){
	var year = str.substring(0,4);
	var month = str.substring(4,6);
	var day =  str.substring(4,6);
	formatStr = formatStr.toUpperCase();
	return formatStr.replace("YYYY",year).replace("MM",month).replace("DD",day)
}

/**
 * 功能:字符串到日期时间字符串 如:YYYYMMDDHHMMSS->YYYY-MM-DD HH:MM:SS或MM/DD/YYYY HH:MM:SS
 * 参数:str          被转换的字符串 
 * 参数:formatStr  日期格式 形如 YYYY-MM-DD HH:MM:SS;  MM/DD/YYYY  HH:MM:SS
 * 返回:格式化后的字符串

 */
function str2DateTimeStr(str,formatStr){
	var year = str.substring(0,4);
	var month = str.substring(4,6);
	var day =  str.substring(6,8);
	var hour =  str.substring(8,10);
	var minute =  str.substring(10,12);
	var second =  str.substring(12,14);
	formatStr = formatStr.toUpperCase();
	return formatStr.replace("YYYY",year).replace("MM",month).replace("DD",day).replace("HH",hour).replace("MM",minute).replace("SS",second);
}

/**
 * 功能:日期字符串到普通字符串 如:MM/DD/YYYY-> YYYYMMDD
 * 参数:str          被转换的日期字符串

 * 参数:formatStr被转换的日期格式	
 * 返回:格式化后的字符串

 */
function dateStr2Str(str,formatStr){
	formatStr = formatStr.toUpperCase();
	var year =str.substring(formatStr.indexOf("YYYY"),formatStr.indexOf("YYYY")+4);
	var month = str.substring(formatStr.indexOf("MM"),formatStr.indexOf("MM")+2);
	var day = str.substring(formatStr.indexOf("DD"),formatStr.indexOf("DD")+2);
	
	return ''+year+month+day;
}

/**
 * 功能:日期时间字符串到普通字符串 如:MM/DD/YYYY HH:MM:SS-> YYYYMMDDHHMMSS
 * 参数:str          被转换的日期时间字符串

 * 参数:formatStr被转换的日期时间格式	
 * 返回:格式化后的字符串

 */
function dateTimeStr2Str(str,formatStr){
	var dateStr = str.split(" ")[0];
	var timeStr = str.split(" ")[1];
 
 	formatStr = formatStr.toUpperCase();
 	
 	var dateFormatStr = formatStr.split(" ")[0];
 	var timeFormatStr = formatStr.split(" ")[1];

	var year =dateStr.substring(dateFormatStr.indexOf("YYYY"),dateFormatStr.indexOf("YYYY")+4);
	var month = dateStr.substring(dateFormatStr.indexOf("MM"),dateFormatStr.indexOf("MM")+2);
	var day = dateStr.substring(dateFormatStr.indexOf("DD"),dateFormatStr.indexOf("DD")+2);
	
	return ''+year+month+day+timeStr.replace(/:/g,"");
}

/**
 * 功能:选择所有复选框
 * 参数:obj  全选复选框
 */
function checkAll(obj){
	var form = obj.form;
	var allElems = form.elements;
	for(var i = 0; i < allElems.length; i++){
		if(allElems[i].type == "checkbox"){
			if(obj.checked){
				allElems[i].checked = true;
			}else{
				allElems[i].checked = false;
				
			}
		}
	}
}

/**
 * 功能:点击其他复选框全选复选框是否被选中
 * 参数:obj  点击的复选框
 * 参数:allCheckObj  全选复选框
 */
function allBeCheck(obj,allCheckObj){
	var form = obj.form;
	var allElems = form.elements;
	var checkBoxCount = 0;
	var beCheckedCount = 0;
	for(var i = 0; i < allElems.length; i++){
		if(allElems[i].type == "checkbox" && allElems[i].name!=allCheckObj.name){
			checkBoxCount++;
			if(allElems[i].checked){
				beCheckedCount++;
			}
		}
	}
	if(checkBoxCount == beCheckedCount){
		allCheckObj.checked = true;
	}else{
		allCheckObj.checked = false;
	}
}

/**
 * 功能:正则表达试验证
 * 参数:regStr  正则式
 * 参数:value  被验证的值
 */
function regExpTest(regStr,value){
	var reg = new RegExp(regStr);
	return reg.test(value);
}


/**
 * 功能:输入元素回车自动跳到下一个输入元素,
 * 且在表单最后一个输入框中回车时自动提交表单
 */
function keydown(){
	if(event.srcElement.type == undefined){
		return;
	}	
	var type = event.srcElement.type.toLowerCase();
	if(event.keyCode!=13 
	|| type=='button' 
	|| type=='submit' 
	|| type=='reset' 
	|| type=='textarea' 
	|| type==''){
		return;
	}

	if(event.srcElement.nextSibling != null 
	&& event.srcElement.nextSibling.type=='select-one' 
	&& document.getElementById(SELECT_DIV)
	&& document.getElementById(SELECT_DIV).style.display=='inline'){
		event.returnValue=false;
		return;
	}
		
	var srcForm = event.srcElement.form;

	if(srcForm == undefined || srcForm == null){
			return ;
	}
	
	
	var srcForm = event.srcElement.form;
	var srcElementNext = null;
	var allElems = srcForm.elements;
	for(var i = 0; i < allElems.length; i++){
		if(event.srcElement == allElems[i]){
			if(!isLastElem(allElems,i+1)){					
					event.keyCode=9;
					break;
			}else {				
				if(event.srcElement.type=='select-one'){
					var subButton = findSubmitButton(allElems,i);
					if(subButton !=null){
						subButton.focus();
					}				
				}				
			}
		}
	}
}


function findSubmitButton(allElems,index){
	for(var i = index; i < allElems.length; i++){
			if(allElems[i].type=='submit'){
				return  allElems[i];
			}
	}
	
	return null;
}

function isLastElem(allElems,index){
	
	if(index >=allElems.length || allElems[index].type=="submit" ){		
		return true;
	}
	
	for(var i = index; i < allElems.length; i++){
		var tempObj = allElems[i];
		while(tempObj != window.document.body){
			//alert(tempObj.outerHTML);
			if(tempObj.style.display != 'none'){
				tempObj=tempObj.parentElement;
			}else{
				//alert(tempObj.id + "  " + tempObj.style.display);
				return isLastElem(allElems,i+1);	
			}			
		}
		
		if(tempObj == window.document.body){
			return false;
		}
	}		
}

//自动绑定按键事件
window.document.onkeydown = keydown;

/**
 * 功能:不可用或只读时web组件改变颜色
 */
function disabledElemtColor(){
	var allElems = document.all;
	for(var i = 0; i < allElems.length; i++){
		if(allElems[i].type 
		&&(allElems[i].type == "textarea" || allElems[i].type == "password" ||allElems[i].type == "text" || allElems[i].type == "select-one")
		&&(allElems[i].readOnly && (allElems[i].readOnly==true || allElems[i].readOnly == 'readonly') 
		||(allElems[i].disabled && (allElems[i].disabled==true || allElems[i].disabled == 'disabled')))){
			allElems[i].style.backgroundColor='#C0C0C0';
			allElems[i].ondragstart = function ()
			{
				return false;
			}
	   }
	}
}
disabledElemtColor();

/**
* method:获取异步请求
*/
function getRequest() {
	var request;
	if (window.XMLHttpRequest) {
		request = new XMLHttpRequest();
//		if (request.overrideMimeType) {
//			request.overrideMimeType("text/xml");
//		}
	} else {
		if (window.ActiveXObject) {
			try {
				request = new ActiveXObject("Msxml2.XMLHTTP");
			}
			catch (e1) {
				try {
					request = new ActiveXObject("Microsoft.XMLHTTP");
				}
				catch (e2) {
					return e2.message;
				}
			}
		}
	}
	return request;
}
function isChinese(){
 //匹配汉字的正则表达式:[\u4e00-\u9fa5]
}

 

  • js.rar (5.7 KB)
  • 下载次数: 25
2
0
分享到:
评论

相关推荐

    JavaScript表单验证脚本之淘宝沙发傲视

    "JavaScript表单验证脚本之淘宝沙发傲视"这个标题可能指的是一个专门针对淘宝网站,或者至少是以淘宝为例的,用于表单验证的JavaScript脚本。虽然描述中的文字看起来像是随机字符组合,但我们可以从中提取出与...

    常用的表单提交判断函数

    通过以上方法,我们可以构建出一套完善的表单验证机制,确保用户提交的数据满足我们的业务需求。在实际应用中,可以结合HTML5的内置验证属性(如`required`、`pattern`等)以及自定义JavaScript验证,为用户提供更好...

    js几种常用表单验证控件

    JavaScript作为客户端脚本语言,提供了丰富的功能来进行表单验证。这篇文档将深入探讨JavaScript中几种常用的表单验证控件和方法。 一、基本的HTML5验证 HTML5引入了内置的表单验证属性,如`required`、`pattern`、...

    常用表单的PHP验证类

    本文将深入探讨在PHP中进行常用表单验证的方法,包括特殊字符串验证、邮件验证和电话验证等。 首先,让我们了解表单验证的基本原理。在HTML表单提交数据后,PHP脚本会接收到这些数据,然后进行验证。验证通常涉及...

    简单的验证脚本

    JavaScript是一种广泛应用于Web开发的解释型编程语言,它允许在客户端进行动态交互,包括表单验证,确保用户输入的数据符合预设的条件。 描述中提到,这个脚本能够验证非空和数值等。这意味着它可能包含了基本的...

    javascript之validate验证脚本

    Validate验证脚本就是JavaScript实现的一种表单验证技术,用于确保用户输入的数据符合预设的规则,防止无效或有害的数据提交到服务器,提高用户体验并保障数据安全。 在JavaScript中,validate验证通常涉及以下几个...

    js常用的表单验证(自己收集的哦。很多的代码)

    当使用JavaScript进行表单验证时,需要考虑XSS(跨站脚本攻击)和CSRF(跨站请求伪造)的安全问题。确保验证过程不会引入这些漏洞。 9. **响应式验证**: 在移动设备上,表单验证需要考虑到不同屏幕大小和输入...

    .net常用脚本验证

    根据提供的文件信息,我们可以归纳总结出一系列与.NET相关的前端脚本验证知识点,这些知识点涵盖了从基本的字符串处理到复杂的表单验证技术。 ### 一、手机号码验证 #### 1. 固定电话号码验证 - **函数名称**:`...

    js带有登录提示验证的表单脚本代码

    三、表单验证 1. 验证函数:在JS中,我们可以编写函数来检查用户输入的数据是否符合预期格式。例如,检查用户名是否为空、长度是否合适,密码是否符合复杂性规则等。 2. 正则表达式:正则表达式是用于模式匹配的强大...

    JavaScript常用验证脚本总结

    这篇博客“JavaScript常用验证脚本总结”提供了一些在实际开发中常用的JavaScript验证技术,帮助开发者确保用户输入的数据符合预期格式和要求,提高应用程序的安全性和用户体验。以下是关于这个主题的详细知识点: ...

    简单的表单验证

    "简单的表单验证"这个主题,通常涉及到JavaScript(JS)这一前端脚本语言,用于实现客户端的验证功能。在不依赖服务器的情况下,JavaScript可以在用户提交表单前实时检查输入内容,提升用户体验并减轻服务器负担。 ...

    javascript 常用验证函数.doc

    本文将详细介绍JavaScript中的一些常用验证函数,这些函数对于确保用户输入的有效性和提高用户体验至关重要。 一、验证类 1. 数字验证: - 整数验证:`/^(-|\+)?\d+$/.test(str)`,该正则表达式用于检查字符串...

    一个高效通用而又简单易用的客户端表单输入验证类库函数

    在Web开发中,表单验证是一项至关重要的任务,它确保用户提交的数据符合预期的格式和标准,从而提高数据质量和安全性。本项目提供了一个高效、通用且简单易用的客户端表单输入验证类库函数,专注于JavaScript和正则...

    js前端表单验证

    总的来说,JS前端表单验证是一个涉及多方面技术的综合应用,包括DOM操作、事件处理、正则表达式、自定义函数以及第三方库的使用。理解并熟练掌握这些知识点,能够帮助开发者构建出更健壮、更易用的前端表单。

    JS表单脚本输入验证

    这篇博客(博文链接:https://zlk.iteye.com/blog/592365)可能详细介绍了如何使用JavaScript进行表单验证,包括各种常见的验证方法、函数和技巧。 1. **基本概念**:表单是HTML中的元素,用于收集用户输入。JS验证...

    javascript 表单验证禁止输入中文汉字

    JavaScript 是一种常用的客户端脚本语言,它可以直接在用户的浏览器上运行,用于实现表单验证。在这个场景中,我们需要实现的功能是:在JavaScript中禁止用户在表单字段中输入中文汉字。 首先,我们要理解如何检测...

    from 表单验证 js框架类库

    jQuery formValidator表单验证插件,它是基于jQuery类库,实现了js脚本于页面html代码的分离。你可以划分多个校验组,每个组的校验都是互不影响。对一个表单对象,你只需要写一行代码就可以轻松实现无数种(理论上)...

    一个完美的js表单验证案例

    JavaScript作为客户端脚本语言,可以直接在用户的浏览器上运行,这使得表单验证可以实时进行,减少了服务器的负担,并提供即时反馈。jQuery作为一个轻量级的JavaScript库,简化了DOM操作,动画效果,事件处理以及...

    Jquery表单验证特效示例

    对于表单验证,jQuery提供了一种高效且用户友好的方法,使得开发者能够轻松地实现对用户输入数据的有效性检查。本示例主要关注如何使用jQuery来创建吸引人的表单验证特效。 1. **基本概念**:jQuery表单验证的核心...

Global site tag (gtag.js) - Google Analytics