옵션을 선택하면 텍스트 상자의 유효성을 검사합니다.

Question

ColdFusion에서 등록 양식을 만듭니다. 요구 사항 중 하나는 사용자가 드롭 다운에서 값을 선택하는 것입니다. 옵션 중 하나를 선택하면이 필드가 필수 필드가되도록 다음 텍스트 상자 필드를 채워야합니다. 사용자가 드롭 다운에서 아무 옵션도 선택하지 않으면이 texfield는 비워 둘 수 있습니다. 자바 스크립트가 좋지 않아 무료 샘플을 얻을 수있는 방법이 있습니까? 다음은 내 양식 필드입니다 :

<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로 선택된 인덱스는 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. 
    } 
} 

행운이 예입니다.