Question

我正在使用ColdFusion创建一个注册表单。其中一个要求是用户从下拉列表中选择一个值。选择其中一个选项后，需要填写下一个文本框字段，以便此字段成为必填字段。如果用户未从下拉列表中选择任何选项，则此texfield可以留空。我对Javascript不好，有没有办法获得一些免费样品？这是我的表单字段：

<cfselect name="OtherContact" class="inputSelect">
  <option value="">--- Select other contact ---</option> 
  <option value="HomePhone">Home Phone</option>                 
  <option value="HomeFax">Home Fax</option>             
  <option value="HomeEmail">Home Email</option>             
</cfselect>

<cfinput type="text" name="OtherContactId" value="#Form.OtherContactId#" class="inputText">

Answer 1

您需要做的是在提交表单之前查看下拉列表选择的索引是否与0不同，如果是，则文本框的文本必须与空字符串不同。这是一个例子：

// this is the javascript function that will make sure your criteria is found, if it does, it will return true, false otherwise
function validateSubmit(){
 var OtherContact= document.getElementById('<%=OtherContact.ClientID%>')
 if (OtherContact.selectedIndex !== 0){
    if (document.getElementById('<%=OtherContactId.ClientID%>').value === ""){
       return false;
    }
  }
return true;
}

因此，在您提交之前（或在验证后做任何您想做的事情）之前，您可以这样做：

// function that submits 
function submit(){
if (validateSubmit()){
// your code in case validation is passed.
   }
else{
// your code in case validation is not passed.
   }
}

祝你好运。

选择选项时验证文本框

1 个答案: