//实现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>
<body>
<from name="form1" action="" method="">
<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>
<!--这个是默认不要出现的,在属性中添加 disabled-->
<input type="text" name="cname" size="20" maxlength="20" style="width:110px;display:none;BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid" disabled >
<font color="#990000">
<!--通过checkbox的事件,调用方法来切换-->
<input type="checkbox" name="configType" value="1" onClick="javascript:changeInput(this);">
(自定义)</font>
</td>
</form>
</body>