js中选中select的某项值后,判断其他文本框是否为必填。。急急急。。在线等。
例如选中下拉列表中的会员一项时,下面带*号的变为必填项,如果每天提交表单时会弹出警告框。如果选择非会员时,带*号的可填可不填,都可以提交。。。...
例如选中下拉列表中的会员一项时,下面带*号的变为必填项,如果每天提交表单时会弹出警告框。
如果选择非会员时,带*号的可填可不填,都可以提交。。。 展开
如果选择非会员时,带*号的可填可不填,都可以提交。。。 展开
展开全部
这段代码的优点是随便你定义多少个自定义化必须项目。。。。
先解说下:一般以
===============
if(form.ly_name.value == "")
{
alert("请填写您的大名!"); // js提示
form.ly_name.focus();
return false;
}
只要 改下name名称 多次利用可循环标签
===============
return true; //结尾
===============
其中ly_name是表单中某个你需要浏览者必填的项目name名称
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<form action="" method="post" name="form" onSubmit="return CheckForm(this);">
<table width="70%" border="0" cellpadding="3" cellspacing="1" bgcolor="#b4c6db">
<tbody>
<tr>
<td width="15%" height="30" class="newly_name">您的大名</td>
<td colspan="2" class="ly_title2"><input name="ly_name" type="text" tabindex="1" onMouseOver="this.className='input_1'"
onMouseOut="this.className='input_2'" /><font class="redstar">*</font><font class="zhu" >[ 带<font class="redstar">*</font>部
分为必填项 ]</font></td>
<td width="16%" rowspan="4" style="background:#fff;" class="ly_title2" align="right"> </td>
</tr>
<tr height="30">
<td class="newly_sex">您的性别:</td>
<td colspan="2" class="ly_title2">
<img src="images/boy.gif" /><input name="ly_sex" type="radio" value="先生" checked />先生
<img src="images/girl.gif" /><input name="ly_sex" type="radio" value="女士 /">女士 </td>
</tr>
<tr>
<td class="newly_qq" height="30">您的QQ:</td>
<td colspan="2" class="ly_title2"><input type="text" tabindex="2" onMouseOver="this.className='input_1'"
onMouseOut="this.className='input_2'" /> <font class="redstar">*</font></td>
</tr>
<tr>
<td class="newly_title">留言标题:</td>
<td colspan="2" class="ly_title2"><input name="ly_title" type="text" tabindex="3" onMouseOver="this.className='input_1'"
onMouseOut="this.className='input_2'" /><font class="redstar">*</font> </td>
</tr>
<tr>
<td class="newly_content">留言内容:</td>
<td colspan="3" class="ly_title2"><textarea name="ly_content" cols="70" rows="15" tabindex="5"
style="background:#fff url(images/notepad.jpg) right center no-repeat;" onMouseOver="this.className='input_1'"
onMouseOut="this.className='input_2'" ></textarea> <font class="redstar">*</font> </td>
</tr>
<tr height="30">
<td class="ly_title"> </td>
<td width="31%" class="ly_title2"><span class="ly_title">
<input value="提交留言" class="inp_L1" onMouseOver="this.className='inp_L2'"
onMouseOut="this.className='inp_L1'" id="input_btn2" name="input_btn" tabindex="6" type="submit" onClick="form.submit()" onKeyDown="if (event.keyCode==13) form.submit()" />
</span></td>
<td width="38%" class="ly_title2"><input value="清空再来" class="inp_L1" onMouseOver="this.className='inp_L2'" onMouseOut="this.className='inp_L1'" id="input_btn1" name="enter.x" tabindex="7" type="reset" /></td>
<td class="ly_title2"> </td>
</tr>
</tbody>
</table>
</form>
<SCRIPT language=JavaScript>
function CheckForm(form)
{
if(form.ly_name.value == "")
{
alert("请填写您的大名!");
form.ly_name.focus();
return false;
}
if(form.ly_qq.value == "")
{
alert("请填写您的QQ!");
form.ly_qq.focus();
return false;
}
if(form.ly_title.value == "")
{
alert("请填写您的留言标题!");
form.ly_title.focus();
return false;
}
if(form.ly_content.value == "")
{
alert("请填写留言内容!");
form.ly_content.focus();
return false;
}
if(form.ly_content.value.length > 500)
{
alert("详情内容不能超过500字!");
form.ly_content.focus();
return false;
}
var regx=/^d{5,9}$/; //^表示不匹配。d表示任意数字,{5,9}表示长度为5到9。
if(!regx.test(form.ly_qq.value)){
alert("请输入你正确的QQ号");
form.ly_qq.focus();
return false;
}//用上面定义的正则表达式测试,如果不匹配则返回false,否则返回true
return true; //结尾
}
</SCRIPT>
</body>
</html>
展开全部
<script>
function sub(form){
var hy = $('hy').value;
if(hy){
if('1' == hy){
if('' == $('card').value){
alert('请输入卡号!');
return !1;
}else if('' == $('uname').value){
alert('请输入姓名!');
return !1;
}else if('' == $('phone').value){
alert('请输入手机号!');
return !1;
}else if('' == $('zk').value){
alert('请选择折扣!');
return !1;
}else if('' == $('jb').value){
alert('请选择级别!');
return !1;
}
return !0;
}
}else{
alert('请选择类型!');
return !1;
}
}
function $(id){
return document.getElementById(id);
}
</script>
<form onsubmit="return sub(this);">
选择类型:
<select id="hy">
<option value="">请选择</option>
<option value="1">会员</option>
<option value="2">非会员</option>
</select>
<br />
卡号:<input type="text" id="card"/>*<br />
姓名:<input type="text" id="uname"/>*<br />
手机:<input type="text" id="phone"/>*<br />
折扣:
<select id="zk">
<option value="">请选择</option>
<option value="5">5折</option>
<option value="6">6哲</option>
</select>*
<br />
级别:
<select id="jb">
<option value="">请选择</option>
<option value="1">金</option>
<option value="2">银</option>
</select>*
<br />
地址:<input type="text" id="address"/><br />
邮箱:<input type="text" id="mail"/><br />
<input type="submit" value="提交"/>
</form>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
用onchange事件写个判断不就行了
追问
可是,怎么写啊?不太会。。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询