javascript - 选择选项时验证文本框

Question

我正在使用 ColdFusion 创建一个注册表单。其中一项要求是用户从下拉列表中选择一个值。When one of the option is selected, the next textbox field need to be fill in so this field becomes required field. 如果用户没有从下拉列表中选择任何选项，则此 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

您需要做的是在提交表单之前查看dropdownlist selected index是否不为0，如果是，那么您的文本框的文本必须不同于Empty String。这是一个例子：

// 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.
   }
}

祝你好运。