2012-04-18 1 views
1

드롭 다운 옵션 목록에 몇 가지 옵션이있는 입력이있는 양식이 있습니다.javascript를 사용하여 select 입력의 일반적인 동작 건너 뛰기

요구 사항 : 입력을 선택하십시오. 입력 양식 확인이 필요합니다. 양식이 불완전한 경우 선택 입력의 동작을 건너 뛰거나 옵션 목록을 표시하지 않아야합니다. 그러나 양식이 완료되면 선택 입력에 옵션 (즉, 정상적인 동작)이 표시됩니다.

문제점 : 양식이 불완전한 경우 select 입력이 옵션을 표시하지 않는다고 가정하고 추가 작업을 건너 뛰려면 event.preventDefault()를 시도했습니다. 그러나

코드를 찾기 일하는이 아닌가요 :

$('selectInput').addEvent('click', function(event){ 
    if(!validateForm()){ 
    if(event.preventDefault){ 
     event.preventDefault(); 
    } else { 
     //IE 
     event.returnValue = false; 
    } 
    } 
}); 
+0

당신이'false를 반환 시도해 봤어 ENT, 당신이 jQuery를 사용하는 차렸다'? 이것은 일반적으로 submot 버튼의 기본 동작을 방지하기 위해 작동합니다, 그것은 select ...에서 작동 할 수도 있습니다. – jadkik94

+0

yups 시도했습니다. 문제는 코드를 실행하기 전에 ... 옵션 목록이 표시됩니다. 그래서 생각하고있는 것은 수동으로해야합니다. 옵션 목록을 닫습니다. 구현하는 장애물은 내가 직면하고있다 – Zohaib

+0

이 해결 → http://stackoverflow.com/questions/15141398/cannot-preventdefault-via-firefox-on-a-select/33566917#33566917 –

답변

2

유효성 검사 매개 변수가 변경 될 때마다 선택을 사용/사용 중지 할 수 있습니까?

그렇지 않으면, 당신이 imple 수 있도록, 당신이 ... 자신 또는 이미 기능으로 구성되어 하나

+0

오 예, '비활성화 가능'논리는 백업 옵션이었습니다. 내가 놓친 경우 더 나은 최적의 아이디어를 얻으려는 사람들에게 물어 보았습니다. – Zohaib

+0

@ Zohaib 나는 당신이 정확한 문제에 대한 답을 찾았다 고해도 다른 브라우저에 크게 의존 할 것이라고 생각한다. 이 기능을 정말로 원한다면, 비활성화 된 필드의 스타일을 활성화 된 것으로 변경하거나 jquery 사용자 정의 컨트롤을 사용하십시오 – jadkik94

1

나의 제안이 온 클릭에 옵션을 추가하는 것입니다. 유효성 검사가 통과되면 옵션을 추가하고 그렇지 않으면 아무것도 수행하지 마십시오.

+0

yups 나는 생각조차도. 그러나 이것은 처음에는 유효한 양식이지만 사용자가 동일한 양식을 업데이트하는 동안 (일부 필드가 불완전한 상태로 유지됨) 양식을 다시 무효로 만드는 경우 해당 옵션 목록을 다시 지우는 것을 고려합니다. – Zohaib

+0

유효성이 검사 할 필드가 많지 않은 경우 유효성 검사 기능을 추가하여 양식이 유효한지, 옵션이 제거되었는지 확인할 수 있습니다. 그냥 내 마음의 상단을 형성, 나는 그것이 최적화 된 방법을 이해합니다. –