웹 페이지 필드 유효성 검사

Question

웹 페이지에서 날짜/시간 필드의 유효성을 검사해야하지만 페이지를 다시로드하지 않고도이를 수행하고 사용자에게 '즉시'피드백을 보내고 싶습니다.

가장 좋고/가장 쉬운 해결책은 무엇입니까? 전체 점수의 65 % (가장 쉬운 점수)

편집 : 전체 점수의 65 %가 가장 좋습니까?

Answer 1

ASP.NET AJAX Control Toolkit에 대한 훌륭한 비디오가있는 것처럼 보이며 MaskedEdit 컨트롤과 MaskedEditValidator 컨트롤이 제공됩니다. 초보자에게는 쉽지 않지만 매우 좋은 즉각적인 피드백입니다.

모든 답변 주셔서 감사합니다!

asp.net

불행하게도 나는이 대답 을 받아 들일 수 없습니다.

Answer 2

이 체크 아웃은 javascript date validation 기능입니다.

자바 스크립트, 정규 표현식 및 텍스트 입력의 'onblur'이벤트를 사용합니다.

Answer 3

제출시 입력 필드에있는 내용을 읽고 유효성을 검사하는 간단한 javascript 메소드입니다. 유효하지 않은 경우 양식을 서버에 제출하지 않도록 false를 리턴하십시오.

... onSubmit="return validateForm();" ... 

서버 쪽에서도 유효성을 확인하십시오. 자바 스크립트 유효성 검사를 무시하는 것이 좋습니다.

Answer 4

자바 스크립트를 사용하려면 날짜 확인 기능이 내장되어 있어야합니다. 그러나 자바 스크립트 경로를 사용하고 싶지 않은 경우 UI를 드롭 다운 컨트롤로 변경하면 사용자가 잘못된 데이터를 입력하는 기능이 제한 될 수 있습니다. 아무도 2 월 30 일 제출하지 않도록 서버 측을 점검해야합니다.

Answer 5

ASP.NET을 사용하는 경우 적절한 날짜/시간 형식의 유효성을 검사하는 데 사용할 수있는 입력란을 가리킬 수있는 유효성 검사기 컨트롤이 있습니다.

Answer 6

aether에서 사용할 수있는 몇 가지 날짜 위젯이 있습니다. 그런 다음 유효한 입력 만 허용 할 수 있습니다.

Answer 7

위와 같이 날짜에 드롭 다운을 사용하는 것이 좋습니다. 어떤 이유로 든 사용자가 미리 정의 된 데이터를 선택할 수 있기를 바라지 만, 사용자가 예상 할 수없는 고유 한 것을 제공하지는 않습니다.

약간의 자바를 사용하면 2 월 30 일을 피할 수 있습니다 (달을 기반으로 일 필드가 동적으로 채워짐). 일부 사람들이 양식을 제출, Enter 키가 아닌 마우스를 사용하기 때문에 확인을 위해 위해 onblur 사용 @ 데이비드 H. 아우 스트

Answer 8

는 문제가있다. onblur와 양식의 onsubmit 이벤트를 함께 사용하면 더 나은 해결책이 될 수 있습니다. 이전에 양식에 대한 JS 유효성 검사를 수행했을 때 키 업 이벤트에 대해 실행했습니다. 이것은 사용자가 자신의 항목이 올바른지 여부에 대한 즉각적인 피드백을 제공했습니다. 당신은 필드를 떠날 때까지 사용자가 "틀린"메시지를받지 못하도록 체크인을 할 수 있습니다. (끝났 으면 잘못되었다고 말하면 안되기 때문에 아직).

Answer 9

@Brian Warshaw
키보드를 통해 이동하는 사용자 (어, 나)를 잊지 않도록하는 것이 좋은 점입니다.

우리의 관심을 가져 주셔서 감사합니다.

Answer 10

몇 가지 프로젝트에서이 작은 js 코드를 사용 했으므로 몇 가지 다른 기능과 함께 날짜를 빠르고 쉽게 처리 할 수 ​​있습니다.

Link