2014-03-31 1 views
-1

컨트롤에 입력 된 값 (예 : 전자 메일과 같은)을 확인하고이 값이 이미 데이터베이스에있는 경우 사용자에게 경고해야합니다. 사용자가 컨트롤 밖으로 탭하려고하거나 양식을 제출할 때해야 할 때 수행 할 수 있습니까?입력 한 값이 유효하지 않은 경우 사용자가 컨트롤을 벗어나는 것을 방지하려면 어떻게해야합니까?

+1

나는 현대 UX의 베스트 프랙티스가 사용자가 필드 밖으로 나가도록해야한다고 제안하지만, "OK/NotOK"라는 명확한 메시지로 필드를 표시 할 것을 제안합니다. – Pointy

+0

@Pointy 나는 당신이 옳다고 생각합니다. 모범 사례에 대한 제안을 보내 주셔서 감사합니다. +1 –

답변

0

하지 마십시오. 하지마. 하지마. 그냥 하지마. 앞에서 설명한대로 수행하고 필드를 유효하지 않은 것으로 표시하십시오.

하지만 정말이 이상한 행동을 할을 필요로하는 경우, 당신은 흐림 이벤트 처리 할 수 ​​있습니다 : 사용자가 컨트롤을 떠날 때

$("#MyId").on("blur", function(e) { 

    if (shouldPreventMoveNext()) 
    { 
     e.stopPropagation(); 
     e.stopImmediatePropagation(); 
     e.preventDefault(); 
     jQuery(this).focus(); 
     return false; 
    } 

}); 

흐림 이벤트가 시작됩니다.

+0

웹 양식의 표준 인 것처럼 제출 양식을 작성하면됩니다. 그러나 좋은 본보기를위한 감사합니다. 거기에 많은 유용한 정보가 있습니다. –

+0

사용자가 입력하지 않거나 기존 이벤트를 지우지 않을 때 blur 이벤트를 사용하여 기본값을 설정할 수도 있습니다. –

+0

그게 더 좋은 생각입니다. '$ ("# form"). on ("submit", function (e) {})'을 사용하여 양식 제출을 트랩 할 수 있으며, 제출하지 않거나, 임시 작업을 수행하거나, 기본 제출 동작 대신 일부 ajax 호출을 준비 할 수도 있습니다. 왜 당신은 jQuery와 조금씩 놀지 않는가? –

관련 문제