JS 表单校验

CheckForm = {
 Require : /.+/,
 Email : /^/w+([-+.]/w+)*@/w+([-.]/w+)*/./w+([-.]/w+)*$/,
 Phone : /^((/(/d{3}/))|(/d{3}/-))?(/(0/d{2,3}/)|0/d{2,3}-)?[1-9]/d{6,7}$/,
 Mobile : /^((/(/d{3}/))|(/d{3}/-))?13/d{9}$/,
 Url : /^http:////[A-Za-z0-9]+/.[A-Za-z0-9]+[//=/?%/-&_~`@[/]/':+!]*([^<>/"/"])*$/,
 IdCard : /^/d{15}(/d{2}[A-Za-z0-9])?$/,
 Currency : /^/d+(/./d+)?$/,
 Number : /^/d+$/,
 Zip : /^[1-9]/d{5}$/,
 QQ : /^[1-9]/d{4,8}$/,
 Integer : /^[-/+]?/d+$/,
 Double : /^[-/+]?/d+(/./d+)?$/,
 English : /^[A-Za-z]+$/,
 Chinese :  /^[/u0391-/uFFE5]+$/,
 UnSafe : /^(([A-Z]*|[a-z]*|/d*|[-_/~!@#/$%/^&/*/./(/)/[/]/{/}<>/?/////'/"]*)|.{0,5})$|/s/,
 IsSafe : function(str){return !this.UnSafe.test(str);},
 IP: "this.ip(value)",
 Port: "this.port(value)",
 SafeString : "this.IsSafe(value)",
 Limit : "this.limit(value.length,getAttribute('min'),  getAttribute('max'))",
 LimitB : "this.limit(this.LenB(value), getAttribute('min'), getAttribute('max'))",
 Date : "this.IsDate(value, getAttribute('min'), getAttribute('format'))",
 Repeat : "value == document.getElementsByName(getAttribute('to'))[0].value",
 Range : "getAttribute('min') < value && value < getAttribute('max')",
 RangeInteger : "this.rangeInteger(getAttribute('min'), value, getAttribute('max'))",
 Compare : "this.compare(value,getAttribute('operator'),getAttribute('to'))",
 Custom : "this.Exec(value, getAttribute('regexp'))",
 Group : "this.MustChecked(getAttribute('name'), getAttribute('min'), getAttribute('max'))",
 ErrorItem : [document.forms[0]],
 ErrorMessage : ["以下原因导致提交失败:/t/t/t/t"],
 Check : function(theForm, mode){
  var obj = theForm || event.srcElement;
  var count = obj.elements.length;
  this.ErrorMessage.length = 1;
  this.ErrorItem.length = 1;
  this.ErrorItem[0] = obj;
  for(var i=0;i<count;i++){
   with(obj.elements[i]){
    var _dataType = getAttribute("dataType");
    if(typeof(_dataType) == "object" || typeof(this[_dataType]) == "undefined")  continue;
    this.ClearState(obj.elements[i]);
    if(getAttribute("require") == "false" && value == "") continue;
    switch(_dataType){
     case "IP":
     case "Port":
     case "Date" :
     case "Repeat" :
     case "Range" :
     case "RangeInteger" :
     case "Compare" :
     case "Custom" :
     case "Group" :
     case "Limit" :
     case "LimitB" :
     case "SafeString" :
      if(!eval(this[_dataType])) {
       this.AddError(i, getAttribute("msg"));
      }
      break;
     default :
      if(!this[_dataType].test(value)){
       this.AddError(i, getAttribute("msg"));
      }
      break;
    }
   }
  }
  if(this.ErrorMessage.length > 1){
   mode = mode || 1;
   var errCount = this.ErrorItem.length;
   switch(mode){
   case 2 :
    for(var i=1;i<errCount;i++)
     this.ErrorItem[i].style.color = "red";
   case 1 :
    alert(this.ErrorMessage.join("/n"));
    this.ErrorItem[1].focus();
    break;
   case 3 :
    for(var i=1;i<errCount;i++){
    try{
     var span = document.createElement("SPAN");
     span.id = "__ErrorMessagePanel";
     span.style.color = "red";
     this.ErrorItem[i].parentNode.appendChild(span);
     span.innerHTML = this.ErrorMessage[i].replace(//d+:/,"*");
     }
     catch(e){alert(e.description);}
    }
    this.ErrorItem[1].focus();
    break;
   default :
    alert(this.ErrorMessage.join("/n"));
    break;
   }
   return false;
  }
  return true;
 },
 limit : function(len,min, max){
  min = min || 0;
  max = max || Number.MAX_VALUE;
  return min <= len && len <= max;
 },
 rangeInteger : function(min, value, max){
  var vint;
  try{
   vint = parseInt(value) ;
  }catch(e){
   alert(e.description);
   return false;
  }
  var refs = true;
  if(min != null && parseInt(min) > vint){
   refs = false;
  }
  if(max != null && parseInt(max) < vint){
   refs = false;
  }
  return refs;
 },
 LenB : function(str){
  return str.replace(/[^/x00-/xff]/g,"**").length;
 },
 ClearState : function(elem){
  with(elem){
   if(style.color == "red")
    style.color = "";
   var lastNode = parentNode.childNodes[parentNode.childNodes.length-1];
   if(lastNode.id == "__ErrorMessagePanel")
    parentNode.removeChild(lastNode);
  }
 },
 AddError : function(index, str){
  this.ErrorItem[this.ErrorItem.length] = this.ErrorItem[0].elements[index];
  this.ErrorMessage[this.ErrorMessage.length] = this.ErrorMessage.length + ":" + str;
 },
 Exec : function(op, reg){
  return new RegExp(reg,"g").test(op);
 },
 compare : function(op1,operator,op2){
  switch (operator) {
   case "NotEqual":
    return (op1 != op2);
   case "GreaterThan":
    return (op1 > op2);
   case "GreaterThanEqual":
    return (op1 >= op2);
   case "LessThan":
    return (op1 < op2);
   case "LessThanEqual":
    return (op1 <= op2);
   default:
    return (op1 == op2);           
  }
 },
 MustChecked : function(name, min, max){
  var groups = document.getElementsByName(name);
  var hasChecked = 0;
  min = min || 1;
  max = max || groups.length;
  for(var i=groups.length-1;i>=0;i--)
   if(groups[i].checked) hasChecked++;
  return min <= hasChecked && hasChecked <= max;
 },
 IsDate : function(op, formatString){
  formatString = formatString || "ymd";
  var m, year, month, day;
  switch(formatString){
   case "ymd" :
    m = op.match(new RegExp("^((//d{4})|(//d{2}))([-./])(//d{1,2})//4(//d{1,2})$"));
    if(m == null ) return false;
    day = m[6];
    month = m[5]--;
    year =  (m[2].length == 4) ? m[2] : GetFullYear(parseInt(m[3], 10));
    break;
   case "dmy" :
    m = op.match(new RegExp("^(//d{1,2})([-./])(//d{1,2})//2((//d{4})|(//d{2}))$"));
    if(m == null ) return false;
    day = m[1];
    month = m[3]--;
    year = (m[5].length == 4) ? m[5] : GetFullYear(parseInt(m[6], 10));
    break;
   default :
    break;
  }
  if(!parseInt(month)) return false;
  month = month==12 ?0:month;
  var date = new Date(year, month, day);
        return (typeof(date) == "object" && year == date.getFullYear() && month == date.getMonth() && day == date.getDate());
  function GetFullYear(y){return ((y<30 ? "20" : "19") + y)|0;}
 },
 ip : function(value){
  var re=/^(/d+)/.(/d+)/.(/d+)/.(/d+)$/;
     if(re.test(value))  
     {  
         if( RegExp.$1 <256 && RegExp.$2<256 && RegExp.$3<256 && RegExp.$4<256) return true;  
     }  
     return false;
 },
 port : function(value){
  var integer;
  var re=/^/d+$/;
  if(value == '-1')
  {
   return true;
  }
   if(value=="" || value==null){
   return false;
  }
  var portArray = new Array(); 
     portArray=value.split("~");
     if(portArray.length==1){
      integer=parseInt(value);
      if ((!re.test(value) ) || (integer<0) || (integer>65536)){return false;}
     }
     if(portArray.length==2){
      var sport=parseInt(portArray[0]);
      var eport=parseInt(portArray[1]);
      if((!re.test(portArray[0]) ) || (!re.test(portArray[1]) ) || (sport<0) || (eport<0) || (sport>65536) || (eport>65536) || (sport>eport) ){ return false;}
     }
     if(portArray.length>2) return false;
  return true;
 }
 }
 
   function xx(name,value){
    if(trimValue(document.getElementById(name).value)==null || trimValue(document.getElementById(name).value)==""){
     alert(value);
     document.getElementById(name).focus();
      return false;
    }
    else
    {
     return true;
    }
   }
  
    function   trimValue(value){  
          return   value.replace(/^/s*/,   '').replace(//s*$/,   '');  
   }  

    function submitMyForm(name,myForm,value){
         if(xx(name,value)&& CheckForm.Check(document.getElementById(myForm), 2)){
                document.forms[myForm].submit();
         }
         else{
            return false;
         }
    }
  /**
  *单独提交表单
  */ 
    function submitCheckForm(idName){
  if(CheckForm.Check(document.getElementById(idName), 2)){
     document.forms[idName].submit();
  }
 }
 
 var formelements = new Array();
 /**
 *记录加载form表单中控件的值
 */
 function catchAllElements(formId) {
   var frmId= document.getElementById(formId);
   for(var index = 0; index < frmId.elements.length; index++) {
   formelements[frmId.elements[index].name] = frmId.elements[index].value;
   }
 }
 /*
 *判断form有没有被修改
 */
 function checkAll(formId) {
   var frmId=document.getElementById(formId);
   for(var index = 0; index < frmId.elements.length; index++) {
  if(formelements[frmId.elements[index].name] != frmId.elements[index].value) {
       return true;
   }
   }
   return false;
 }
 
 
 

内容概要:本文介绍了ENVI Deep Learning V1.0的操作教程,重点讲解了如何利用ENVI软件进行深度学习模型的训练与应用,以实现遥感图像中特定目标(如集装箱)的自动提取。教程涵盖了从数据准备、标签图像创建、模型初始化与训练,到执行分类及结果优化的完整流程,并介绍了精度评价与通过ENVI Modeler实现一键化建模的方法。系统基于TensorFlow框架,采用ENVINet5(U-Net变体)架构,支持通过点、线、面ROI或分类图生成标签数据,适用于多/高光谱影像的单一类别特征提取。; 适合人群:具备遥感图像处理基础,熟悉ENVI软件操作,从事地理信息、测绘、环境监测等相关领域的技术人员或研究人员,尤其是希望将深度学习技术应用于遥感目标识别的初学者与实践者。; 使用场景及目标:①在遥感影像中自动识别和提取特定地物目标(如车辆、建筑、道路、集装箱等);②掌握ENVI环境下深度学习模型的训练流程与关键参数设置(如Patch Size、Epochs、Class Weight等);③通过模型调优与结果反馈提升分类精度,实现高效自动化信息提取。; 阅读建议:建议结合实际遥感项目边学边练,重点关注标签数据制作、模型参数配置与结果后处理环节,充分利用ENVI Modeler进行自动化建模与参数优化,同时注意软硬件环境(特别是NVIDIA GPU)的配置要求以保障训练效率。
内容概要:本文系统阐述了企业新闻发稿在生成式引擎优化(GEO)时代下的全渠道策略与效果评估体系,涵盖当前企业传播面临的预算、资源、内容与效果评估四大挑战,并深入分析2025年新闻发稿行业五大趋势,包括AI驱动的智能化转型、精准化传播、首发内容价值提升、内容资产化及数据可视化。文章重点解析央媒、地方官媒、综合门户和自媒体四类媒体资源的特性、传播优势与发稿策略,提出基于内容适配性、时间节奏、话题设计的策略制定方法,并构建涵盖品牌价值、销售转化与GEO优化的多维评估框架。此外,结合“传声港”工具实操指南,提供AI智能投放、效果监测、自媒体管理与舆情应对的全流程解决方案,并针对科技、消费、B2B、区域品牌四大行业推出定制化发稿方案。; 适合人群:企业市场/公关负责人、品牌传播管理者、数字营销从业者及中小企业决策者,具备一定媒体传播经验并希望提升发稿效率与ROI的专业人士。; 使用场景及目标:①制定科学的新闻发稿策略,实现从“流量思维”向“价值思维”转型;②构建央媒定调、门户扩散、自媒体互动的立体化传播矩阵;③利用AI工具实现精准投放与GEO优化,提升品牌在AI搜索中的权威性与可见性;④通过数据驱动评估体系量化品牌影响力与销售转化效果。; 阅读建议:建议结合文中提供的实操清单、案例分析与工具指南进行系统学习,重点关注媒体适配性策略与GEO评估指标,在实际发稿中分阶段试点“AI+全渠道”组合策略,并定期复盘优化,以实现品牌传播的长期复利效应。
### 使用 JavaScript 实现表单校验 在 Web 应用开发中,JavaScript 是一种非常重要的工具,可以用来增强用户体验并确保数据的有效性。以下是有关如何使用 JavaScript 实现表单校验的具体方法。 #### 基本概念 表单验证的核心目标是确认用户输入的数据满足特定条件,从而减少服务器端的压力以及提高系统的安全性。通常情况下,可以通过监听 `submit` 或者 `blur` 事件来触发校验逻辑[^1]。 #### HTML 结构示例 为了演示目的,这里提供了一个简单的 HTML 表单作为基础: ```html <form id="myForm"> <label>用户名:</label> <input type="text" name="username" required /> <span id="uname"></span><br /> <label>密码:</label> <input type="password" name="password" required /> <span id="pwdError"></span><br /> <button type="submit">提交</button> </form> ``` 此代码片段定义了一张包含两个字段(用户名和密码)的简单表单,并设置了基本属性以便后续操作[^4]。 #### JavaScript 验证逻辑 接下来展示的是基于上述 HTML 的 JavaScript 校验脚本: ```javascript document.getElementById('myForm').addEventListener('submit', function(event) { event.preventDefault(); // 阻止默认行为 let isValid = true; const usernameInput = document.querySelector('[name="username"]').value.trim(); if (usernameInput === "") { document.getElementById('uname').textContent = '用户名不能为空!'; isValid = false; } else if (!/^[a-zA-Z0-9]+$/.test(usernameInput)) { document.getElementById('uname').textContent = '仅允许字母和数字'; isValid = false; } else { document.getElementById('uname').textContent = ''; } const passwordInput = document.querySelector('[name="password"]').value.trim(); if (passwordInput.length < 6 || passwordInput.length > 20) { document.getElementById('pwdError').textContent = '密码长度应在6至20字符之间'; isValid = false; } else { document.getElementById('pwdError').textContent = ''; } if(isValid){ alert("表单已成功提交!"); this.submit(); // 如果所有验证都通过,则手动提交表单 } }); ``` 这段脚本实现了对用户名和密码的基本校验规则:用户名不得为空且只接受英文字母与数字;密码需介于6到20个字符之间[^3]。 #### 更好的实践建议 除了以上提到的基础技术外,还有几点值得注意的最佳实践: - **即时反馈**:当用户离开某个输入框时立即给出提示而不是等到整个表单被提交后再显示错误消息。 - **可访问性和国际化支持**:考虑不同语言环境下的需求,同时保证屏幕阅读器能够正确读取错误信息。 - **安全措施**:尽管前端验证能改善体验,但它绝不能替代后端的安全检查机制[^2]。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值