javascript，组件对像切换

来源：互联网发布：广发淘宝联名信用卡编辑：程序博客网时间：2024/04/19 19:13

//实现select 和text切换及较验
//select 可以选择已经具有的分类而文本框可以填写自定义的类别

<scrpt>
function checkNum(str) {

var num = new Array (10);
num[0] = "0";num[1] = "1";num[2] = "2";num[3] = "3";num[4] = "4";
num[5] = "5";num[6] = "6";num[7] = "7";num[8] = "8";num[9] = "9";
var flag = true;//alert("k:"+num[1]);
var f0 = new Array(str.length);
for(var i=0;i<str.length;i++) {
  f0[i] = false;
  var s = str.charAt(i) + "";//alert("s:"+s);
  for(var j=0;j<10;j++) {
    var f = false;if(s==num[j]) f = true;
    f0[i] = f0[i] || f;
  }flag = flag && f0[i]; //alert("f"+i+":"+f0[i]);
}
//alert("flag:"+flag);

return flag;

}

function checkEmail(str) {
var len = str.length;
if(str.indexOf("@")<1 || str.indexOf("@")==len-1) {
//alert("email应包含'@'字符且该字符不应出现在email地址的两端!");
return false;
}

return true;
}

function checkForm() {
if(form1.pname.value=="") {
  alert("请输入姓名!");
  return false;
}
if(form1.telephone.value!="" && (!checkNum(form1.telephone.value))) {
  alert("手机号码应为数字(0-9)");
  return false;
}

        //同一个对象在Form中出现两次以上，就要用数组来区分
        //select倥件中的选项要定义value，对于value要通过selectedIndex来区分那个选项。
if( document.form1.cname[0].selectedIndex=="0" && document.form1.cname[1].value=="" ) {
  alert("请选择或输入分类");
  return false;
}

if(form1.postcode.value!="" && (!checkNum(form1.postcode.value)
  || (form1.postcode.value).length!=6) ) {
  alert("公司邮编应为6位数字(0-9)");
  return false;
}

if(form1.email.value!="" && !checkEmail(form1.email.value)) {
  alert("email应包含'@'字符且该字符不应出现在email地址的两端!");
  return false;
}

    if((form1.comadress.value).length>500){
     alert("公司地址,您输入了太多的内容!(不应超过500字)");
     return false;
    }
return true;
}

//同名的两个实体对象切换
function changeInput(obj){
  if(obj.checked){
   document.form1.cname[0].disabled=true;
   document.form1.cname[0].style.display="none";
   document.form1.cname[1].disabled=false;
   document.form1.cname[1].style.display="inline";
  }else{
   document.form1.cname[0].disabled=false;
   document.form1.cname[0].style.display="inline";
   document.form1.cname[1].disabled=true;
   document.form1.cname[1].style.display="none";
  }
}

</script>

<td bgcolor="#D5EBF9" height="30">类别</td>
<td> <select name="cname">                             
   <option>-请选择类别-</option>
   <%
   PerComShare psc=new PerComShare();
    List list=new ArrayList();
list=psc.getCname(userid,moduleid);
for (int i=0;i<list.size();i++){
  Object[] ob=(Object[])list.get(i);
  out.print("<option>"+ob[1]+"</option>");
}
   %>
</select>

<input type="checkbox" name="configType" value="1" onClick="javascript:changeInput(this);">
（自定义）</font>
</td>

</form>

</body>