기본값을 사용하여 텍스트 입력 유효성 확인

Question

입력 텍스트 상자가 10 개인 양식이 있으며 각 입력란에는 '성', '성'과 같은 기본값이 있습니다. 나는 onblur와 onfocus를이 요소들에 사용했다. 왜냐하면 각 상자가 무엇인지를 나타내는 텍스트 상자 옆에 설명이 없었기 때문이다. 샘플 코드 : 나는 같은 페이지에이 양식을 유효성을 검사 할

<input type="text" id="o_fname" name="o_fname" value="<?php if (isset($_POST['o_fname'])) echo $_POST['o_fname']; else echo 'First Name'; ?>" tabindex="1" size="36" style="background:#000000;color:#8e8e8e;border-color:#D8D8D8;height:22px;width:200px;" onFocus="if 
(this.value==this.defaultValue) this.value=''; " onBlur="if(this.value=='') this.value=this.defaultValue;"> 

, 난 내 JQuery와 물건을 시도했지만 문제는 텍스트 상자에 기본 값을 한 것으로이었고, JQuery와 뭔가 상자와 난에 입력 된 것을 가정했다 확실하게 유효성을 검사하지 못했습니다 ... 모든 필드를 입력하지 않으면 사용자가 양식을 제출할 수 없도록이 페이지의 유효성을 어떻게 확인할 수 있습니까?

Answer 1

를 계속하는 경우

그리고 자바 스크립트 vars를 만들 그것은 다른 사람을 돕는 것입니다 :

http://www.javascript-coder.com/html-form/javascript-form-validation.phtml

그런 다음 양식 필드에 사용자 정의 유효성 검사를 할 수있는 스크립트를 작성하고 입력 된 값은 이름인지 아닌지는 확인합니다.

Answer 2

해당 값이 유효한 경우에만 기본값을 사용하십시오. 그렇지 않으면 필드가 무엇인지 나타내려면 <label>을 사용하십시오. 이는 접근성에서도 중요합니다. 기본값을 사용하는

합법적 인 장소 다음 올바른 형식으로 날짜 필드에

• 오늘 날짜를
일반적으로 옵션을
• 체크 박스/라디오 세트를 선택한 가장 의
• 기본 선택 상자 값 가장 일반적인 것 선택

Answer 3

모든 필드와 그 rela가있는 json 객체를 만들거나 테드 기본값 또는 제출 양식을 기본값으로 제출 된 값을 비교하고 값 중 어느 것도 관련 기본 값과 일치하지 않는 경우 여기에 솔루션을 찾을 제출