js中选中select的某项值后,判断其他文本框是否为必填。。急急急。。在线等。

例如选中下拉列表中的会员一项时,下面带*号的变为必填项,如果每天提交表单时会弹出警告框。如果选择非会员时,带*号的可填可不填,都可以提交。。。... 例如选中下拉列表中的会员一项时,下面带*号的变为必填项,如果每天提交表单时会弹出警告框。
如果选择非会员时,带*号的可填可不填,都可以提交。。。
展开
 我来答
沃迩斯忑
推荐于2016-05-04 · TA获得超过229个赞
知道小有建树答主
回答量:81
采纳率:0%
帮助的人:110万
展开全部

这段代码的优点是随便你定义多少个自定义化必须项目。。。。

先解说下:一般以

===============

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">&nbsp;</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">&nbsp;</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">&nbsp;</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>
百度网友46b235f5b2
推荐于2018-05-10 · TA获得超过1397个赞
知道小有建树答主
回答量:676
采纳率:100%
帮助的人:631万
展开全部
<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>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
charrysong
2013-06-24
知道答主
回答量:39
采纳率:0%
帮助的人:9.5万
展开全部
用onchange事件写个判断不就行了
追问
可是,怎么写啊?不太会。。。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式