JYGL系统学习1

最新推荐文章于 2025-12-06 22:13:41 发布

原创最新推荐文章于 2025-12-06 22:13:41 发布 · 390 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#input #stylesheet #function #框架 #browser #eclipse

1.框架中的竖线（自已做的一个图），可以左点，右点使框架变化。附件： splitor 工程

splitor.html
<html>
<head>
<title></title>
<link href="css/public.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function showHide(titl){
    if(titl=="left"){
      document.all.img1.src="images/rightMove.gif";
      top.document.getElementById("middle").cols="0,7,*"; // 使上一级页面,即框架页的分栏条向最右边靠齐
      document.all.img1.title="right";
    }else{
      document.all.img1.src="images/leftMove.gif";
      top.document.getElementById("middle").cols="190,7,*";//使上一级页面,即框架页的分栏条向最左边靠齐，也是最初始的样子
      document.all.img1.title="left";
    }
}
</script>
</head>
<body leftmargin="0" topmargin="0">
<table style="cursor:hand" width="100%" height="100%" background="images/splitor7.gif" border="0" cellspacing="0" cellpadding="0">
<tr>
    <td align="center" valign="middle"><img name="img1" src="images/leftMove.gif" width="7" height="54" onClick="showHide(document.all.img1.title)" title="left" /></td>
</tr>
</table>
</body>

2.文本框的验证：

check.js (定义了属性规则allownull，isDigital，isInt，allowzero，isdate，还有使用方法)
//check.js开始
//使用方法：在form提交事件里调用：return checkOwnRule(objfrm)；
//传入参数为当前form对象。使用该函数的前提是页面必须包含check.js
function checkOwnRule(objfrm){

  //验证input
  var inputObj=objfrm.getElementsByTagName("input");

  for (i=0;i<inputObj.length;i++){
   if (!inputObj(i).getAttribute("hint")||inputObj(i).getAttribute("hint") == "")
   {
    strHint=inputObj(i).name;
   }else{
    strHint=inputObj(i).getAttribute("hint");
   }

   //不许为空
   //如：<input type="text" name="UserName" allownull="false" hint="用户名">
   if (inputObj(i).getAttribute("allownull")=="false"){


    if (inputObj(i).value==""){
     alert(strHint+"不能为空！");
     return false;
    }
   }

   //只许为数字
   //如：<input type="text" name="UserName" isDigital="true" hint="用户名">
   if (inputObj(i).getAttribute("isDigital")=="true"){
    if (inputObj(i).value!=""&&isNaN(inputObj(i).value)){
     alert(strHint+"必须为数字！");
     inputObj(i).focus();
     return false;
    }
   }

   //只许为整数
   //如：<input type="text" name="UserName" isInt="true" hint="用户名">
   if (inputObj(i).getAttribute("isInt")=="true"){
    if (inputObj(i).value.indexOf(".")>=0){
     alert(strHint+"必须为整数！");
     inputObj(i).focus();
     return false;
    }
   }

   //不许输入0
   //如：<input type="text" name="UserName" allowzero="false" hint="用户名">
   if (inputObj(i).getAttribute("allowzero")=="false"){
    if (inputObj(i).value==0){
     alert(strHint+"不能为0！");
     inputObj(i).focus();
     return false;
    }
   }

   //只许为日期
   //如：<input type="text" name="UserName" isdate="true" hint="日期">
   if (inputObj(i).getAttribute("isdate")=="true"){
    if (inputObj(i).value!=""&&!checkdate(inputObj(i).value)){
     alert(strHint+"必须为正确的日期格式！");
     inputObj(i).focus();
     return false;
    }
   }

  }

  //验证select
  var selectObj=objfrm.getElementsByTagName("select");
  for (i=0;i<selectObj.length;i++){
   if (!selectObj(i).getAttribute("hint")||selectObj(i).getAttribute("hint") == "")
   {
    strHint=selectObj(i).name;
   }else{
    strHint=selectObj(i).getAttribute("hint");
   }

   //不允许为空
   //如：<select name="xxx" allownull="false" hint="下拉框">
   if (selectObj(i).getAttribute("allownull")=="false"){
    if (selectObj(i).value==""){
     alert(strHint+"不能为空！");
     selectObj(i).focus();
     return false;
    }
   }

}

  //验证textarea
  var areaObj=objfrm.getElementsByTagName("textarea");
  for (i=0;i<areaObj.length;i++){
   if (!areaObj(i).getAttribute("hint")||areaObj(i).getAttribute("hint") == "")
   {
    strHint=areaObj(i).name;
   }else{
    strHint=areaObj(i).getAttribute("hint");
   }

   //不允许为空
   //如：<textarea name="zysm" allownull="false" hint="专业说明">
   if (areaObj(i).getAttribute("allownull")=="false"){
    if (areaObj(i).value==""){
     alert(strHint+"不能为空！");
     areaObj(i).focus();
     return false;
    }
   }

}

return true;
}

//该函数为检测是否为日期的函数。上面方法调用了。
function checkdate(str){
var reg = /^(/d+)-(/d{1,2})-(/d{1,2})$/;
var r = str.match(reg);
if(r==null)return false;
r[2]=r[2]-1;
var d= new Date(r[1], r[2],r[3]);
if(d.getFullYear()!=r[1])return false;
if(d.getMonth()!=r[2])return false;
if(d.getDate()!=r[3])return false;

return true;
}

//check.js结束

扩展使用方法
提交验证函数为：
function tijiao(objform){
if (checkOwnRule(objform)){   // 使用这句就可以使用上面的验证函数（都满足了就为true），下面的则为扩展部份。
var bz=document.all.zp.value;
    if(bz!=""){
     reg=//.([^/.]+)$/;
     var e=reg.exec(bz)[1].toLowerCase();
      if(e!="jpg"&&e!="bmp"&&e!="gif"){
     alert("必须上传图片格式文件!");
     return false;
     }
    }
  return true;

}else{
  return false;
}