제출을 클릭하면 여러 텍스트 상자에 데이터가 있는지 확인할 수 있습니까?

Question

문자열이있는 텍스트 상자가 10 개 정의되어 있습니다.

나는 확인 버튼을

을 클릭하는 동안 함수가 마지막에있을 때 가장 깨끗한 방법은 그들 모두를 확인하고 뭐죠가 비어 있지 않은 모든 있는지 확인해야합니다. 이 체크 박스는 특정 CSS 클래스를 제공하기 위해 비어있었습니다. 혹시. ClassError. (빨간색 하이라이트)

나는 행복합니다.

Answer 1

자바 스크립트 또는 C#을 사용합니까?

자바 스크립트 텍스트 상자의 배열을 만들고 루프를 반복합니다.

C#을 그냥 패널 또는 텍스트 상자의 컨테이너 내에서의 FindControl 가서 JQuery와 사용하여 클라이언트 측에서 작업 할 것 같은이

foreach(Control C in ContainerID.Controls) 
{ 
    if (C is TextBox) 
    { 
     if (String.IsNullOrEmpty((C as TextBox).Text)) 
     { 
      // Do things this way 
     }   
    }  
} 

Answer 2

컨트롤에 RequiredFieldValidators을 추가하고 ValidationSummary 컨트롤을 추가합니다.

편집 : AJAX 툴킷에서 ValidatorCallout과 함께 멋진 AJAX 효과를 추가 할 수도 있습니다.

편집 : 유효성 검사기 컨트롤은 클라이언트 측 유효성 검사도 지원합니다.

Answer 3

뭔가 같은 것을 이동 :

$('input').filter(function(){return this.value=="";}).css("CSSclass"); 

편집 : 나는 방금 C# 태그를 보았고, 나는 후손을 위해 이것을 남겨 둘 것이다.

Answer 4

몇 가지 커스텀 자바 스크립트 코드를 사용하면 쉽게 할 수 있습니다. 내장 된 유효성 검사기 컨트롤은 사용하기 쉽고 간단한 검증 루틴보다 강력합니다. 쓰다. 클라이언트 측 유효성 검사 외에도 유효성 검사기 컨트롤은 서버 측 유효성 검사를 수행하여 브라우저에서 JavaScript가 비활성화 된 경우 제출 된 데이터가 실제로 유효한지 확인합니다.

유효성 검사기 컨트롤이 페이지에 포함되어 있으면 Page_ClientValidate()와 같이 호출 할 수있는 몇 가지 JavaScript 함수가 포함됩니다. 나는 이것이 유효성 검증이 통과되었는지를 알려주는 부울을 리턴하고 오류가 무엇인지 식별하는 시각적 표시기를 트리거 할 것이라고 생각한다. Page_ClientValidate ('')를 실행하여 유효성 검사기 컨트롤 그룹 만 트리거 할 수 있습니다. 사실, 나는 ValidationGroup 속성에 값이있는 모든 유효성 검사기 컨트롤에서 유효성 검사를 트리거하기 위해이를 수행해야한다고 생각합니다. Page_ClientValidate()가 유효성 검사 논리를 트리거하지 않을 것이라고 생각하기 때문입니다.

사용자 정의 javascript 함수를 통해서만 구현할 수있는 몇 가지 특별한 유효성 검증 로직이있는 경우, 사용자 고유의 클라이언트 측 함수를 가리킬 수있는 CustomValidator 컨트롤이 있습니다. 사용자 정의 javascript 함수는 내장 된 유효성 검사기 프레임 워크와 함께 페이지에 포함하도록 선택할 수있는 다른 내장 된 유효성 검사기 컨트롤과 함께 실행되므로 사용하기 편리합니다.

클라이언트 측 유효성 검사에 대한

사이드 노트 : 나는 당신이이 유효성 검사를 트리거하기 위해 다음을 수행하지 않는 것이 좋습니다 :

onclick="return myValidationFunction();" 

onclick 이벤트에 주입되는 자바 스크립트 코드를 다른있는 경우, 반품 문이 때문에 실행을 막는다. 그래서 대신 다음과 같이 제안합니다.

onclick="if(!myValidationFunction()) return false;" 

나는 그 부분을 그냥 버려야한다고 생각한 충분한 시간을 물었습니다. UseSubmitBehavior 속성을 false로 설정 한 ASP.Net 단추가있는 경우이 문제는 특히 눈에,니다. 단추가 "제출"컨트롤 대신 HTML "단추"컨트롤로 렌더링되게하므로 false입니다. return 문을 true 또는 false로 실행하면 버튼이 다시 게시를 트리거하지 않습니다.