2012-04-04 4 views
0

채워지는지 여부를 확인하려는 입력 HTML 요소가 있습니다. 기본적으로 필수 항목입니다. 저는 다음과 같이하고 있습니다 :DOM 요소 확인

var displayNames new Array(); 
    displayNames[0] = "Name"; 
    displayNames[1] = "Address"; 
    displayNames[2] = "Age"; 

function validForm() { 
    var Name = document.getElementById(txtName).value; 
    if(!Name) { 
     alert(displayName[0] is required); 
    }} 

JS에서 어떻게 검증을 쉽게해야합니까?

+2

다음과 같은 두 가지 사항을 확인해야합니다. 1) 서버뿐만 아니라 클라이언트 (당신은 이미 이것을 다룰 것입니다), 그리고 2) 가능한 한 성가신 일이 없어야합니다. '경고'메시지는 정말 눈에 띄지 않습니다. 데이터가 올바르게 입력 될 때까지 제출 버튼을 사용 중지하거나 데이터가 잘못 입력되었다는 것을 사용자에게 경고하는 작은 빨간색'div '를 표시하십시오 (양식의 초점을 망칠 필요없이). –

+0

그래,하지만 팝업 앱에 누락 된 필드를 표시하려는 iPad 앱을 만들고 있습니다. –

답변

1

어떻게 JS의 검증을 쉽게한다?

이 달려있다. 그들은 모두 줄 이냐? 아니면 숫자가 될 수 있습니까? 또는 전자 메일 주소와 같은 정규식을 필요로하는 사람이 있습니까? 빌어 먹을, 심지어는 빈 문자열이나 비어있을 수 있습니까?

필드가 12 개 미만인 경우 내 자신의 유효성 검사를 수행하는 것이 좋습니다. 그러나 여러 페이지와 프로젝트에 걸쳐 많은 필드가 퍼져있는 경우 유효성 검사 플러그인을 사용하는 것이 좋습니다. http://bassistance.de/jquery-plugins/jquery-plugin-validation/

+0

숫자, 문자열 및 날짜의 조합. 그리고 네, 그들 중 일부는 비어있을 수 있습니다. –

+0

좋아, 필드가 12 개 미만이다. 또한 게시 한 링크. DOM 요소간에 내부 종속성을 유지하는지 여부 CheckBox1과 TextBox1을 확인해야합니다. 이 같은? –

3
+0

이 작업은 종속 DOM 요소에서도 가능합니까? –

+1

여러 dom 요소에 대한 유효성 검사 규칙을 추가 할 수 있습니다. http://docs.jquery.com/Plugins/Validation/rules –