테이블의 동적 텍스트 상자에 대한 서버측 유효성 검사를 구현하는 방법은 무엇입니까?

테이블의 동적 텍스트 상자에 대한 클래스 유효성 검사 설정

문제:

테이블에 다음이 포함되어 있습니다. 동적 텍스트 상자 행. 그러나 서버 측의 각 텍스트 상자에는 클래스 유효성 검사를 적용해야 합니다. 유효성 검사.

해결책:

유효성 검사 및 유효성 검사 메시지 자리 표시자에 필요한 data-val 속성이 동적 텍스트 상자에 없습니다. 구현 방법은 다음과 같습니다.

1. 유효성 검사 속성 및 자리 표시자 추가:

뷰에서 유효성 검사 메시지를 표시하기 위한 data-val 속성과 해당 자리 표시자 요소를 추가합니다:

@Html.TextBoxFor(m => m.TargetInfo[i].TargetColor_U, new { id = "", @class = "form-control" })
@Html.ValidationMessageFor(m => m.TargetInfo[i].TargetColor_U)

2. 나머지 텍스트 상자에 대한 자리 표시자 포함:

아직 없는 경우 나머지 텍스트 상자에 대해 data-val 속성 및 확인 메시지 자리 표시자를 추가합니다.

3. 동적 행 변환:

스크립트에서 자리 표시자(인덱서의 경우 #)를 사용하여 템플릿 행을 복제하고 실제 데이터로 채웁니다.

var clone = newrow.clone(); // clone the new row
clone.html($(clone).html().replace(/#/g, index)); // update the indexer of the clone

4. 새 행 삽입 및 유효성 검사 재분석:

새 행을 테이블에 삽입하고 유효성 검사를 재분석하여 이를 동적 텍스트 상자에 적용합니다.

tablebody.append(row); // add the new row to the table
form.data('validator', null);
$.validator.unobtrusive.parse(form);

추가 참고 사항:

• 인라인 스타일 대신 CSS를 사용하여 스타일을 지정하세요.
• 유지 관리를 위해 부분 보기와 함께 BeginCollectionItem 도우미를 사용하는 것이 좋습니다.

위 내용은 테이블의 동적 텍스트 상자에 대한 서버측 유효성 검사를 구현하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!