Question

我有一个带有选项框的表单，其中包含一些选项。如果用户选择“其他”选项，则会显示用户必须输入其选择的隐藏文本字段。两个表单字段都是必填字段。但是当我选择“其他”以外的任何其他选项时，验证失败。有人能帮我吗？

代码如下：

<script >
 function opnSelect() {
      var opval = document.test_form.opns.value;
      if (opval == "Other") {

         // document.getElementById('td_options').style.display='none';
          document.getElementById('td_opns1').style.display="";
      }
      else if(opval!="Other"){

        document.getElementById('td_opns1').style.display='none';
      }

 }
</script>
<cfform name="test_form">
<table>
 <tr>
  <td width="120" align="right"><font color="#FF0000"><b>Please select from options</b></font></td>

    <td align="left" id="td_options">
        <cfselect size="1"  style="width:150px" name="opns" id="opns" required="true"   message="Please select any value" onchange="javascript:opnSelect();">
            <option value="" ></option>
            <option value="value1">value1</option>
            <option value="value2">value2</option>
            <option value="value3">value3</option>
            <option value="Other">Other</option>
         </cfselect>
    </td>

</tr>
 <tr id="td_opns1" style="display:none;"  >
   <td align="right"><b><font color="#FF0000"> your choice</font></b></td>
   <td align="left" >
    <cfinput type="text" name="opns1" id="opns1"  required="true"  message="Please enter your choice" >
 </td>
 </tr>
 </table>
<cfinput type="submit" value="submit" name="submit1">

Answer 1

我认为最简单的解决方案可能是为opns1添加一个默认值，以满足选择“other”之外的所需条件。

<cfinput type="text" name="opns1" id="opns1" value="other"  required="true"  message="Please enter your choice" >

在JS if (opval == "Other")条件中添加

document.getElementById('opns1').value=""; // to clear "other" from the input.

在表单处理程序中，检查以确保opns1 neq“other”

<cfif form.opns1 neq "other">
  do something with the new value
</cfif>

Coldfusion对隐藏字段进行cfform验证

1 个答案: