关于验证,当checkbox某项选中时textbox不能为空!

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于验证,当checkbox某项选中时textbox不能为空!相关的知识,希望对你有一定的参考价值。

例如:页面上有控件 checkbox :选项1,选项2,选项3 和 textbox 1,2,3
当选中checkbox选项1时,验证textbox1 不能为空。 当选中checkbox选项2时,验证textbox2不能为空。当选中checkbox选项3时,验证textbox3 不能为空。
使用下面这种验证有办法实现么?<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="不能为空!"
Display="None" ControlToValidate="textbox1"></asp:RequiredFieldValidator>
如果不能,该如何实现!?求教,在线等!!!

参考技术A 一般来说设计上不推荐选中checkboxlist后直接插入数据库的

因为如果用户错误操作的话数据库就会不断增加垃圾数据

checkboxlist有选中事件触发到后台,然后在给textbox赋你想要的值

最好加一个确认按钮当点确认后把textbox的值插入数据库

这么设计比较合理
另外,虚机团上产品团购,超级便宜
参考技术B 可以使用JS脚本一个。本回答被提问者采纳

关于checkbox操作 table

引入 Validform验证

<script type="text/javascript">
 
       //添加操作
       crrTrTdCkId=1; 
       function addIndexBtnClick(){  
        crrTrTdCkId=crrTrTdCkId+1
        crrTrTdCkIdStr="CkId"+crrTrTdCkId
        var insertTr=
        ‘<tr >‘+     
        ‘<td align="center" ><input  type="checkbox" name="ck" id="‘+crrTrTdCkIdStr+‘"/></td>‘+
     ‘<td >&nbsp;<input name="dxName"  type="text"  datatype="*1-50" style="width:120px" ><span class="Validform_checktip"></span><label class="Validform_label" style="display: none;">名称</label></td>‘+
     ‘<td >&nbsp;<input name="dxgrade" type="text"   datatype="n1-2" style="width:40px" ><span class="Validform_checktip"></span><label class="Validform_label" style="display: none;">分数</label></td>‘+
     ‘<td >&nbsp;<input name="remark"  type="text" datatype="*0-150" style="width:250px" ><span class="Validform_checktip"></span><label class="Validform_label" style="display: none;">备注</label></td>‘+
     ‘</tr>‘
        $("#addPosition").after(insertTr);
     $("#addPosition").remove();
     $("#"+crrTrTdCkIdStr).parent().parent().after(‘<input id="addPosition" type="hidden"/>‘)
       }
       //删除操作
       function delIndexBtnClick(){
        if($("input[name=‘ck‘]:checked").length==0){
           tip("至少选择一条进行删除操作");
        }else{
         $(‘input[name="ck"]:checked‘).each(function(){
             $(this).parent().parent().remove();
           });
        }             
       }
       //全选 全不选 jq操作
        $(function(){
          $("#dxBox").click(function(){          
              if($("#dxBox").val()==0){       
             $(‘input[name="ck"]‘).attr("checked","true");                         
             $("#dxBox").val("1")
              }else{           
             $(‘input[name="ck"]‘).removeAttr("checked");               
             $("#dxBox").val("0")
              }            
            });
        })
 
       </script>
      
 <style type="text/css">
.formtable1 td{ border:1px solid #ddd;height:38px}
</style>
 
 </head>
 <body style="overflow-x: hidden;">
  
 
     <div style="height:25px" class="datagrid-toolbar">  
    <a id="addColumnBtn1" class="easyui-linkbutton" data-options="iconCls:‘icon-add‘" onclick="addIndexBtnClick();" href="#">添加</a>
    <a id="delColumnBtn1" class="easyui-linkbutton" data-options="iconCls:‘icon-remove‘" onclick="delIndexBtnClick();" href="#">删除</a>  
    <%--<span style="color:#000000;font-size:16px">点选项明细</span>--%>
    </div>
  <table class="formtable1" cellpadding="0" cellspacing="0" width="100%" >
      <tr>      
         <td align="center" width="5%"  > <input type="checkbox" value="0" id="dxBox" /></td>
      <td align="center" width="30%" ><b>名称</b></td>
      <td align="center" width="15%" ><b>分数</b></td>
      <td align="center" width="50%" ><b>备注</b></td>   
   </tr>
   <c:forEach items="${dxList }" var="v1" varStatus="status">
     <tr>     
         <td align="center" valign="middle" >
         <input type="checkbox" name="ck" id="trForCK${status.index+1}"/>
         </td>
      <td>&nbsp;
      <input name="dxName" value="名称1" type="text"  datatype="*1-50" style="width:120px" >
      <span class="Validform_checktip"></span>
      <label class="Validform_label" style="display: none;">名称</label>
      </td>
      <td  >&nbsp;
      <input  name="dxgrade" value="1"  type="text"  datatype="n1-2" style="width:40px" >
      <span class="Validform_checktip"></span>
      <label class="Validform_label" style="display: none;">分数</label>
      </td>
      <td>&nbsp;
      <input name="remark"  value="备注1" type="text"  datatype="*0-150" style="width:250px">
      <span class="Validform_checktip"></span>
      <label class="Validform_label" style="display: none;">备注</label>
      </td>
   </tr>
   </c:forEach>
             <input id="addPosition" type="hidden"/>
  </table>

以上是关于关于验证,当checkbox某项选中时textbox不能为空!的主要内容,如果未能解决你的问题,请参考以下文章

checkbox管理

'checkbox'不选中时赋值,怎么实现?

下拉设置为 0 时无法取消选中复选框

JQuery触发radio或checkbox的change事件

el-checkbox选中时把值转为0和1

当这些存储在外部身份提供者服务中时与用户的关系