`
king123654789
  • 浏览: 289210 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JS 的一些基本验证

    博客分类:
  • JS
 
阅读更多
/*
用途:校验ip地址的格式
输入:strIP:ip地址
返回:如果通过验证返回true,否则返回false;
*/
function isIP(strIP) {
        if (isNull(strIP)) return false;
var re=/^(\d+)\.(\d+)\.(\d+)\.(\d+)$/g //匹配IP地址的正则表达式
if(re.test(strIP))
{
  if( RegExp.$1 <256 && RegExp.$2<256 && RegExp.$3<256 && RegExp.$4<256) return true;
}
return false;
}

/*
用途:检查输入字符串是否为空或者全部都是空格
输入:str
返回:
如果全是空返回true,否则返回false
*/
function isNull( str ){
if ( str == "" ) return true;
var regu = "^[ ]+$";
var re = new RegExp(regu);
return re.test(str);
}


/*
用途:检查输入对象的值是否符合整数格式
输入:str 输入的字符串
返回:如果通过验证返回true,否则返回false
*/
function isInteger( str ){ 
var regu = /^[-]{0,1}[0-9]{1,}$/;
        return regu.test(str);
}

/*
用途:检查输入手机号码是否正确
输入:
s:字符串
返回:
如果通过验证返回true,否则返回false
*/
function checkMobile( s ){  
var regu =/^[1][3][0-9]{9}$/;
var re = new RegExp(regu);
if (re.test(s)) {
   return true;
}else{
   return false;
}
}


/*
用途:检查输入字符串是否符合正整数格式
输入:
s:字符串
返回:
如果通过验证返回true,否则返回false
*/
function isNumber( s ){  
var regu = "^[0-9]+$";
var re = new RegExp(regu);
if (s.search(re) != -1) {
    return true;
} else {
    return false;
}
}

/*
用途:检查输入字符串是否是带小数的数字格式,可以是负数
输入:
s:字符串
返回:
如果通过验证返回true,否则返回false
*/
function isDecimal( str ){  
         if(isInteger(str)) return true;
var re = /^[-]{0,1}(\d+)[\.]+(\d+)$/;
if (re.test(str)) {
    if(RegExp.$1==0&&RegExp.$2==0) return false;
    return true;
} else {
    return false;
}
}

/*
用途:检查输入对象的值是否符合端口号格式
输入:str 输入的字符串
返回:如果通过验证返回true,否则返回false
*/
function isPort( str ){ 
return (isNumber(str) && str<65536);
}

/*
用途:检查输入对象的值是否符合E-Mail格式
输入:str 输入的字符串
返回:如果通过验证返回true,否则返回false
*/
function isEmail( str ){ 
var myReg = /^[-_A-Za-z0-9]+@([_A-Za-z0-9]+\.)+[A-Za-z0-9]{2,3}$/;
if(myReg.test(str)) return true;
return false;
}

/*
用途:检查输入字符串是否符合金额格式
格式定义为带小数的正数,小数点后最多三位
输入:
s:字符串
返回:
如果通过验证返回true,否则返回false
*/
function isMoney( s ){  
var regu = "^[0-9]+[\.][0-9]{0,3}$";
var re = new RegExp(regu);
if (re.test(s)) {
    return true;
} else {
    return false;
}
}
/*
用途:检查输入字符串是否只由英文字母和数字和下划线组成
输入:
s:字符串
返回:
如果通过验证返回true,否则返回false
*/
function isNumberOr_Letter( s ){    //判断是否是数字或字母
var regu = "^[0-9a-zA-Z\_]+$";
var re = new RegExp(regu);
if (re.test(s)) {
   return true;
}else{
   return false;
}
}
/*
用途:检查输入字符串是否只由英文字母和数字组成
输入:
s:字符串
返回:
如果通过验证返回true,否则返回false
*/
function isNumberOrLetter( s ){    //判断是否是数字或字母
var regu = "^[0-9a-zA-Z]+$";
var re = new RegExp(regu);
if (re.test(s)) {
   return true;
}else{
   return false;
}
}
/*
用途:检查输入字符串是否只由汉字、字母、数字组成
输入:
value:字符串
返回:
如果通过验证返回true,否则返回false
*/
function isChinaOrNumbOrLett( s ){    //判断是否是汉字、字母、数字组成
var regu = "^[0-9a-zA-Z\u4e00-\u9fa5]+$";  
var re = new RegExp(regu);
if (re.test(s)) {
   return true;
}else{
   return false;
}
}

/*
用途:判断是否是日期
输入:date:日期;fmt:日期格式
返回:如果通过验证返回true,否则返回false
*/
function isDate( date, fmt ) {
    if (fmt==null) fmt="yyyyMMdd";
    var yIndex = fmt.indexOf("yyyy");
    if(yIndex==-1) return false;
   var year = date.substring(yIndex,yIndex+4);
   var mIndex = fmt.indexOf("MM");
    if(mIndex==-1) return false;
   var month = date.substring(mIndex,mIndex+2);
   var dIndex = fmt.indexOf("dd");
    if(dIndex==-1) return false;
   var day = date.substring(dIndex,dIndex+2);
    if(!isNumber(year)||year>"2100" || year< "1900") return false;
    if(!isNumber(month)||month>"12" || month< "01") return false;
    if(day>getMaxDay(year,month) || day< "01") return false;
    return true;
}

function getMaxDay(year,month) {
if(month==4||month==6||month==9||month==11)
  return "30";
if(month==2)
  if(year%4==0&&year%100!=0 || year%400==0)
   return "29";
  else
   return "28";
return "31";
}

/*
用途:字符1是否以字符串2结束
输入:str1:字符串;str2:被包含的字符串
返回:如果通过验证返回true,否则返回false
*/
function isLastMatch(str1,str2)

   var index = str1.lastIndexOf(str2);
   if(str1.length==index+str2.length) return true;
   return false;
}


/*
用途:字符1是否以字符串2开始
输入:str1:字符串;str2:被包含的字符串
返回:如果通过验证返回true,否则返回false
*/
function isFirstMatch(str1,str2)

   var index = str1.indexOf(str2);
   if(index==0) return true;
   return false;
}

/*
用途:字符1是包含字符串2
输入:str1:字符串;str2:被包含的字符串
返回:如果通过验证返回true,否则返回false
*/
function isMatch(str1,str2)

   var index = str1.indexOf(str2);
   if(index==-1) return false;
   return true;
}


/*
用途:检查输入的起止日期是否正确,规则为两个日期的格式正确,
且结束如期>=起始日期
输入:
startDate:起始日期,字符串
endDate:结束如期,字符串
返回:
如果通过验证返回true,否则返回false
*/
function checkTwoDate( startDate,endDate ) {
if( !isDate(startDate) ) {
  alert("起始日期不正确!");
  return false;
} else if( !isDate(endDate) ) {
  alert("终止日期不正确!");
  return false;
} else if( startDate > endDate ) {
  alert("起始日期不能大于终止日期!");
  return false;
}
return true;
}

/*
用途:检查输入的Email信箱格式是否正确
输入:
strEmail:字符串
返回:
如果通过验证返回true,否则返回false
*/
function checkEmail(strEmail) {
//var emailReg = /^[_a-z0-9]+@([_a-z0-9]+\.)+[a-z0-9]{2,3}$/;
var emailReg = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/;
if( emailReg.test(strEmail) ){
  return true;
}else{
  alert("您输入的Email地址格式不正确!");
  return false;
}
}

/*
用途:检查输入的电话号码格式是否正确
输入:
strPhone:字符串
返回:
如果通过验证返回true,否则返回false
*/
function checkPhone( strPhone ) {
var phoneRegWithArea = /^[0][1-9]{2,3}-[0-9]{5,10}$/;
var phoneRegNoArea = /^[1-9]{1}[0-9]{5,8}$/;
var prompt = "您输入的电话号码不正确!"
if( strPhone.length > 9 ) {
  if( phoneRegWithArea.test(strPhone) ){
   return true;
  }else{
   alert( prompt );
   return false;
  }
}else{
  if( phoneRegNoArea.test( strPhone ) ){
   return true;
  }else{
   alert( prompt );
   return false;
  } 
}
}


/*
用途:检查复选框被选中的数目
输入:
checkboxID:字符串
返回:
返回该复选框中被选中的数目
*/
function checkSelect( checkboxID ) {
var check = 0;
var i=0;
if( document.all(checkboxID).length > 0 ) {
  for(  i=0; i<document.all(checkboxID).length; i++ ) {
   if( document.all(checkboxID).item( i ).checked  ) {
    check += 1;
   }   
  }
}else{
  if( document.all(checkboxID).checked )
   check = 1;
}
return check;
}

function getTotalBytes(varField) {
if(varField == null)
  return -1;

var totalCount = 0;
for (i = 0; i< varField.value.length; i++) {
  if (varField.value.charCodeAt(i) > 127)
   totalCount += 2;
  else
   totalCount++ ;
}
return totalCount;
}

function getFirstSelectedValue( checkboxID ){
var value = null;
var i=0;
if( document.all(checkboxID).length > 0 ){
  for(  i=0; i<document.all(checkboxID).length; i++ ){
   if( document.all(checkboxID).item( i ).checked ){
    value = document.all(checkboxID).item(i).value;
    break;
   }
  }
} else {
  if( document.all(checkboxID).checked )
   value = document.all(checkboxID).value;
  }
return value;
}

function getFirstSelectedIndex( checkboxID ){
var value = -2;
var i=0;
if( document.all(checkboxID).length > 0 ){
  for(  i=0; i<document.all(checkboxID).length; i++ ) {
   if( document.all(checkboxID).item( i ).checked  ) {
    value = i;
    break;
   }
  }
} else {
  if( document.all(checkboxID).checked )
   value = -1;
}
return value;
}

function selectAll( checkboxID,status ) {
if( document.all(checkboxID) == null)
  return;

if( document.all(checkboxID).length > 0 ){
  for(  i=0; i<document.all(checkboxID).length; i++ ) {
   document.all(checkboxID).item( i ).checked = status;
  }
} else {
  document.all(checkboxID).checked = status;
}
}

function selectInverse( checkboxID ) {
if( document.all(checkboxID) == null)
  return;

if( document.all(checkboxID).length > 0 ) {
  for(  i=0; i<document.all(checkboxID).length; i++ ) {
   document.all(checkboxID).item( i ).checked = !document.all(checkboxID).item( i ).checked;
  }
} else {
  document.all(checkboxID).checked = !document.all(checkboxID).checked;
}
}

function checkDate( value ) {
if(value=='') return true;
if(value.length!=8 || !isNumber(value)) return false; 
var year = value.substring(0,4);
if(year>"2100" || year< "1900") return false;

var month = value.substring(4,6);
if(month>"12" || month< "01") return false;

var day = value.substring(6,8);
if(day>getMaxDay(year,month) || day< "01") return false;

return true; 
}

/*
用途:检查输入的起止日期是否正确,规则为两个日期的格式正确或都为空
且结束日期>=起始日期
输入:
startDate:起始日期,字符串
endDate:  结束日期,字符串
返回:
如果通过验证返回true,否则返回false
*/
function checkPeriod( startDate,endDate ) {
if( !checkDate(startDate) ) {
  alert("起始日期不正确!");
  return false;
} else if( !checkDate(endDate) ) {
  alert("终止日期不正确!");
  return false;
} else if( startDate > endDate ) {
  alert("起始日期不能大于终止日期!");
  return false;
}
return true;
}

/*
用途:检查证券代码是否正确
输入:
secCode:证券代码
返回:
如果通过验证返回true,否则返回false
*/
function checkSecCode( secCode ) {
if( secCode.length !=6 ){
  alert("证券代码长度应该为6位");
  return false;
}

if(!isNumber( secCode ) ){
  alert("证券代码只能包含数字"); 
  return false;
    }
return true;
}

/****************************************************
function : cTrim(sInputString,iType)
description : 字符串去空格的函数
parameters : iType: 1=去掉字符串左边的空格
      2=去掉字符串左边的空格
      0=去掉字符串左边和右边的空格
return value: 去掉空格的字符串
****************************************************/
function cTrim(sInputString,iType)
{
var sTmpStr = ' ';
var i = -1;

if(iType == 0 || iType == 1)
{
  while(sTmpStr == ' ')
  {
   ++i;
   sTmpStr = sInputString.substr(i,1);
  }
  sInputString = sInputString.substring(i);
}
if(iType == 0 || iType == 2)
{
  sTmpStr = ' ';
  i = sInputString.length;
  while(sTmpStr == ' ')
  {
   --i;
   sTmpStr = sInputString.substr(i,1);
  }
  sInputString = sInputString.substring(0,i+1);
}
return sInputString;
}

/*
-------------------------------------------------------------------------------
说    明:JavaScript脚本,验证表单中的数据项  begin
------------------------------------------------------------------------------- 
*/
function checkForm(objFrm){
var len = 0;
len = objFrm.elements.length;

var i = 0;
var objCheck;
//文本框
for(i = 0; i < len; i ++){
  objCheck = objFrm.elements[i];
  if(objCheck.type =="text" && !f_checkTextValid(objCheck) ){
   return false;  
  }
}
//下拉框
for(i = 0; i < len; i ++){
  objCheck = objFrm.elements[i];
  if(objCheck.type =="select-one" && !f_checkSelectValid(objCheck) ){
   return false;  
  }
}
//时间段有效
if( f_checkStartAndEndDate(objFrm) == false) return false;

return true;
}
function f_checkSelectValid(obj){
//alert("check select");
if(obj.options.length <= 0){
  alert("下拉选框无数据!");
  return false;
}
return true;
}
function f_checkStartAndEndDate(frm){
var len = frm.elements.length;
if(len == null && len == 0) return true;
var i=0;
var temp;
var objCheck;
var objStartDate;
var objEndDate;
//alert("start date period check");
try{
  for(i=0; i< len ; i++){
   objCheck = frm.elements[i];
   temp = objCheck.name;
   if( temp.indexOf("startDate") >0 ||temp.indexOf("beginDate")>0 )
    objStartDate = objCheck;
   if( temp.indexOf("endDate") > 0 )
    objEndDate = objCheck;
   
  }
  //alert(objStartDate.value);
  //alert(objEndDate.value);
  if(objStartDate.value==null || objStartDate.value =="" || objStartDate.value ==null || objStartDate.value ==""){
   return true;
  }
  return checkTwoDate(objStartDate.value, objEndDate.value);
  //alert("end date period check");
}catch(E){}
return true;
}

function f_checkTextValid(obj){
//不能为空
if(obj.getAttribute("isNeed") != null){
  if(f_isNotNull(obj) == false) return false;
}
//不能超过长度
if(obj.getAttribute("maxlength") != null){
  if(f_checkLength(obj) == false) return false;
}
var checkType ="";
checkType = obj.getAttribute("checkType");
if(checkType==null||checkType=="") return true;
//
if (checkType.indexOf("number") >=0){
  if(f_isNumber(obj) == false)  return false;
  if(f_checkNumType(obj,checkType) == false)  return false;
 
}
//
if (checkType.indexOf("positive") >=0){
  if(f_isNumber(obj) == false)  return false;
  if(f_isPositive(obj)==false)  return false;
  if(f_checkNumType(obj,checkType) == false)  return false;
 
}
if (checkType.indexOf("date") >=0){
  if(f_checkDate(obj) == false) return false;
 
}

/*
switch(checkType){
  case "number": if(f_isNumber(obj) == false) return false;break;
  case "date": if(f_checkDate(obj) == false) return false;break;
  default:
}
*/
return true;
}

function f_isNotNull(obj){
if(obj.value == ""){
  f_alert(obj, " 不允许为空值!");
  return false;
}
return true;
}

function f_isNumber(obj){
if(isNaN(obj.value)){
   f_alert(obj," 应为数值类型");
  return false; 
}
return true;

}
function f_checkDate(obj) {
if(checkDate(obj.value) ==false){
   f_alert(obj," 不是合法日期格式!");
  return false; 
}
return true;
}

function f_checkLength(obj){
if(getTotalBytes(obj) > Math.abs( obj.getAttribute("maxlength") ) ){
   f_alert(obj," 超出长度限制!");
  return false; 
}
return true;

}

function  f_alert(obj,alertStr){
var fielName = obj.getAttribute("fieldName");
if(fielName == null)
  fielName = "";
alert(fielName + "\n" +alertStr);
obj.select();
obj.focus();
}

function f_checkNumType(obj, numType){
//假设: 已经进行数字类型判断

var strTemp;
var numpric;
var numLen;
var strArr;
var defaultLen = 19;
var defaultpric = 5;

try{
  if(numType == null|| numType =="") return f_checkNumLenPrec(obj,defaultLen, defaultpric);
  if(numType.indexOf("(") < 0 || numType.indexOf(")") < 0 ) return f_checkNumLenPrec(obj,defaultLen, defaultpric);
  strTemp = numType.substr( numType.indexOf("(") + 1 ,numType.indexOf(")") - numType.indexOf("(") -1 );
  if(strTemp == null||strTemp =="") return f_checkNumLenPrec(obj,defaultLen, defaultpric);
  strArr = strTemp.split(",");
  numLen = Math.abs( strArr[0] );
  numpric = Math.abs( strArr[1] );
  return f_checkNumLenPrec(obj,numLen, numpric);
}catch(e){
  alert("in f_checkNumType = " + e);
   return f_checkNumLenPrec(obj,defaultLen, defaultpric);
}

}

function f_checkNumLenPrec(obj, len, pric){
var numReg;
var value = obj.value;
var strValueTemp, strInt, strDec;
//alert(value + "=====" + len + "====="+ pric);
try{
 
  numReg =/[\-]/;
  strValueTemp = value.replace(numReg, "");
  strValueTemp = strValueTemp.replace(numReg, "");
  //整数
  if(pric==0){
   numReg =/[\.]/;
   //alert(numReg.test(value));
   if(numReg.test(value) == true){
    f_alert(obj, "输入必须为整数类型!");
    return false;
   }  
  }
 
  if(strValueTemp.indexOf(".") < 0 ){
   //alert("lennth==" + strValueTemp); 
   if(strValueTemp.length >( len - pric)){
    f_alert(obj, "整数位不能超过"+ (len - pric) +"位");
    return false;
   }
 
  }else{
   strInt = strValueTemp.substr( 0, strValueTemp.indexOf(".") ); 
   //alert("lennth==" + strInt); 
   if(strInt.length >( len - pric)){
    f_alert(obj, "整数位不能超过"+ (len - pric) +"位");
    return false;
   } 

   strDec = strValueTemp.substr( (strValueTemp.indexOf(".")+1), strValueTemp.length ); 
   //alert("pric==" + strDec); 
   if(strDec.length > pric){
    f_alert(obj, "小数位不能超过"+  pric +"位");
    return false;
   } 
  }
 
  return true;
}catch(e){
  alert("in f_checkNumLenPrec = " + e);
  return false;
}
}

function f_isPositive(obj){
var numReg =/[\-]/;
if(numReg.test(obj.value) == true){
  f_alert(obj, "必须为正数!");
  return false;
}
return true;

}


/*
function selectedCheckboxCount(form)
功能说明:对Form中选中的可选项计数

参数说明:
form:指定的表单
*/
function selectedCheckboxCount(form){
var length =0;
var i=0;
var count =0;
eles = form.elements;
while(i<eles.length){
  obj= eles.item(i);
//  type = obj.attributes.item("type").nodeValue;
        type = obj.type;
  if(type == "checkbox"){
   if(obj.checked){
    count++;
   }
  }
  i++;
}
return count;
}

//得到字节长度
function getByteLen(str)
{
        var l = str.length;
        var n = l;
        for ( var i=0; i<l; i++ )
   
                if ( str.charCodeAt(i) <0 || str.charCodeAt(i) >255 )
                        n=n+1;
        return n
}

/*
说明:
1.清除表格中的数据(0.0 和 0)
2.如果cell中没有数据,则自动加上一个空格
3.清除空白行的checkbox

参数:
clearzero:是否清除"0"、"0.0",false不清除、true清除(默认为true)
tablename:要清除的表格名字,默认为sortTable
*/
function clear_table(clearzero,tablename)
{
var tobject;
if(tablename==null)
  tobject=gmobj("sortTable");
else
  tobject=gmobj(tablename);
//如果table未定义,则不进行过滤

if(tobject==null)
  return;
 

//如果函数调用参数为空,表示要清除0、0.0;反之,不要清除0、0.0。
var clear = (clearzero==null)?true:clearzero;

//清除0、0.0,填补空格
var rows = tobject.rows;
var j=0;
for(var i=0;i<rows.length;i++)
{
  //取得第一个cell的属性clear,如果为1,表示该行没有数据,则清除该行所有数据
 
   while(tobject.rows[i].cells[j] != null)
   {
    if(clear)
    {
     if(tobject.rows[i].cells[j].innerHTML==0 ||tobject.rows[i].cells[j].innerHTML==0.0||tobject.rows[i].cells[j].innerHTML=="")
      tobject.rows[i].cells[j].innerText=" ";
    }
    else
    {
     if (tobject.rows[i].cells[j].innerHTML=="")
      tobject.rows[i].cells[j].innerText=" ";
    }
    j++;
   }
   j=0;
 
}
    return true;
}

function gmobj(mtxt)  /* Get object by object name */
{
  if (document.getElementById) {
      m=document.getElementById(mtxt);
  } else if (document.all) {
      m=document.all[mtxt];
  } else if (document.layers) {
      m=document.layers[mtxt];
  }
  return m;
}
/*
-------------------------------------------------------------------------------
说    明:JavaScript脚本,验证表单中的数据项  end
------------------------------------------------------------------------------- 
*/

/*
用途:检查输入字符串是否是带小数的数字格式,可以是负数(并且满足规定的精度)
输入:str:字符串
            l:总位数
           d:小数点后位数
返回:
如果通过验证返回true,否则返回false
*/
function isDecimal( str,l,d ){  
         if(isInteger(str)) {
    if (l==null)  return true;
    if (str<0) l--;
      if (str.length<=l) return true;
         }

         var re = /^[-]{0,1}(\d+)[\.]+(\d+)$/;
       if (re.test(str)) {
  if (l==null)  return true;
  if (d==null) d=0;
        if(RegExp.$1==0&&RegExp.$2==0) return false;
  if (RegExp.$1.length+RegExp.$2.length<=l
   && RegExp.$2.length<=d)  return true;
    }
return false;
}

分享到:
评论

相关推荐

    js实时动态验证表单是否合法

    1. **基本验证规则** - **非空验证**:检查用户是否填写了必填字段。 - **长度验证**:限制输入字符或数字的最小和最大长度。 - **邮箱验证**:根据标准的邮箱格式(如`/^\S+@\S+\.\S+$/`)检查输入是否有效。 -...

    js表单验证、js导出excel、js验证

    1. 验证基本类型:JS提供了多种内置函数来验证基本数据类型,如`isNaN()`用于检测是否为数字,`trim()`用于去除字符串两端的空白字符。 2. 自定义验证规则:通过编写自定义函数,可以实现复杂验证,例如邮箱、电话...

    纯javascript弹出框验证表单(Check.js)

    本文将详细介绍一个基于纯JavaScript实现的弹出框验证表单——Check.js,以及如何利用它进行有效的用户输入验证。 Check.js是一个轻量级的JavaScript库,专注于提供美观且功能丰富的表单验证解决方案。由于它不依赖...

    Js email超强验证

    标题“Js email超强验证”简明扼要地概括了本文的核心内容——利用JavaScript编写一个高效、准确的电子邮件地址验证脚本。这里的“超强验证”意味着该验证逻辑不仅包括基本的格式检查,还可能涵盖了更复杂的规则检查...

    JS表单验证与JS常见问题解决方案

    - 使用HTML5的新特性,如`&lt;input type="date"&gt;`、`&lt;input type="range"&gt;`等,它们自带一些基本验证。 通过学习和实践这些知识点,开发者可以构建出强大而用户友好的表单验证机制,提升Web应用的质量和用户体验。...

    js表单验证 全网最全的 表单验证

    这些属性可以帮助我们快速实现基本的验证,但更复杂的逻辑可能需要JavaScript来补充。 在常见的表单验证中,`email`和`URL`验证是非常典型的例子。验证电子邮件地址需要确保输入格式正确,通常使用正则表达式来匹配...

    javascript表单验证方式一

    1. **基本的JavaScript验证** 在HTML表单中,我们可以为输入元素添加`onsubmit`事件监听器,当用户尝试提交表单时触发JavaScript函数进行验证。例如: ```html ()"&gt; &lt;!-- 表单元素 --&gt; ``` 在JavaScript部分...

    js 验证 自定义 类

    JavaScript是一种广泛应用于...通过其内置的基本验证功能和自定义规则的能力,开发者可以轻松应对各种数据验证需求,同时保持良好的用户体验。结合实际项目需求,合理利用这个框架,可以大大提高开发效率和代码质量。

    一些表单验证js

    JavaScript(JS)是前端开发中进行表单验证的常用语言,结合正则表达式可以实现高效且灵活的验证逻辑。下面我们将详细探讨如何使用JavaScript进行表单验证以及一些常用的正则表达式。 首先,JavaScript提供了两种...

    表单验证js 提交前验证

    本压缩包包含了一个名为"validateForm.js"的JavaScript文件以及一份"表单验证说明.txt"的文本文件,它们专门用于实现前端的表单验证功能。 `validateForm.js` 是一个JavaScript函数库,它提供了对HTML表单字段的...

    javascript常用语句 js简单验证 js

    在JavaScript编程中,常见语句和简单的验证是创建交互式网页和确保用户输入数据有效性的基础。本话题将深入探讨JavaScript中的关键语句以及如何进行简单的表单验证。 1. **条件语句**:在上述代码中,可以看到`if.....

    javascript特效 表单验证

    二、JavaScript验证基本原理 JavaScript可以通过监听表单元素的事件(如onsubmit、onchange等)来执行验证逻辑。当用户填写或修改表单字段时,对应的验证函数会被调用,检查输入内容是否符合预设规则。 三、...

    js常用工具类,包括一些基本的验证程序

    js常用工具类,包括一些基本的验证程序方便大家使用

    js validate 非常强大的js验证框架

    1. **基本验证规则**:框架内置了多种常见的验证规则,如非空、邮箱、电话号码、日期格式等,开发者可以直接调用这些规则进行验证。 2. **自定义验证规则**:如果内置规则不能满足需求,开发者可以方便地创建自己的...

    jq非空验证,js正则表达式验证邮箱和手机号码

    在本案例中,我们关注的是使用jQuery(jq)进行非空验证,以及使用JavaScript(js)的正则表达式来验证邮箱和手机号码的正确性。以下是关于这些知识点的详细说明: 1. **jQuery(jq)非空验证**: jQuery是一种轻...

    javascript基本表单验证

    本示例聚焦于“javascript基本表单验证”,特别是针对泡泡网用户注册页面的场景,涉及到用户名输入、密码输入以及性别选择的验证。 **一、JavaScript基础** JavaScript是一种客户端脚本语言,它被广泛用于网页交互...

    javascript表单验证 正则表达式验证表单

    比较实用的javascript做的表单验证,验证的表单域包括用户名、密码、密码...表单域基本通过获得焦点显示提示信息,失去焦点进行验证,还有提交表单验证。提交表单先进行必填项不能为空验证,再进行正则表达式匹配验证。

    纯JS打造的滑块拼图验证

    首先,滑块拼图验证的基本组成部分包括一个完整的背景图像和一个可移动的滑块。在JavaScript中,我们可以使用HTML5的Canvas元素来绘制这两部分。Canvas提供了丰富的绘图API,允许我们动态地创建和修改图像。 1. **...

    js表单验证工具

    1. **基本验证**:如非空验证(不能为空)、长度验证(字符数限制)、数字验证(检查是否为数字)等。 2. **正则表达式验证**:正则表达式是强大的文本模式匹配工具,可以用于验证电子邮件地址、电话号码、URL等...

    JavaScript修改密码验证

    在密码修改验证中,JavaScript可以实时检查用户输入的数据,提供即时反馈,避免无效提交或表单错误导致的用户体验下降。 #### 2. C#与ASP.NET框架 C#是一种面向对象的编程语言,常用于服务器端应用开发。ASP.NET是...

Global site tag (gtag.js) - Google Analytics