Blazor 양식 유효성 검사 부트 스트랩 통합

catman0745

Razor에 대한 개발 경험이 있으며 Blazor를 사용해보기로 결정했습니다.

이미 익숙한 문제에 직면했습니다. 유효성 검사를 Bootstrap과 통합 : Blazor 유효성 검사 결과 클래스가 Bootstrap의 결과 클래스와 일치하지 않습니다.

Razor에서 _ValidationScriptsPartial.cshtml 파일에 다음 코드를 추가하여 생성 된 클래스 이름을 재정의 할 수 있습니다.

const settings = {
    valid: 'is-valid',
    invalid: 'is-invalid'
    /* other classes go here */
}
$.validator.setDefaults(settings)
$.validator.unobtrusive.options = settings

해결책을 찾으려고했지만 내가 찾은 것은 부트 스트랩 스타일을 복사하고 클래스 이름을 바꾸는 것뿐이었습니다 ( 이와 같은 것 ).

이 작업을 수행하는 더 좋은 방법이 있습니까, 아니면 Blazor와 통합하기 위해 모든 부트 스트랩 유효성 검사 스타일을 복제해야합니까? Bootstrap을 업데이트 할 때 동일한 절차를 다시 수행해야하기 때문에 이것을 피하고 싶습니다.

이 문제는 기본 Blazor 앱 템플릿이 Bootstrap과 함께 작동하도록 미리 구성되어 있다는 것을 기억하면 더 이상하게 보입니다.

catman0745

문서 에서이 섹션을 방금 보았습니다 . 그리고 그것은 근무 is-validis-invalid수업.

또한 25 ~ 30 줄의 코드로 사용자 지정을 구현하는 방법에 대한 멋진 기사 도 발견 했습니다ValidationMessage .

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Django ModalForm은 부트 스트랩 모달 양식에서 유효성 검사 오류를 표시합니다.

분류에서Dev

Codeigniter 양식 유효성 검사를 사용하는 부트 스트랩 모달

분류에서Dev

부트 스트랩 모달 유효성 검사 웹 양식 + 하나만 표시

분류에서Dev

부트 스트랩 모달에서 HTML5 양식 유효성 검사

분류에서Dev

부트 스트랩 양식이 유효하지 않은 경우 Jquery 유효성 검사기가 제출합니다.

분류에서Dev

유효성 검사 형식으로 부트 스트랩 인라인 양식의 입력이 더 넓은 이유

분류에서Dev

부트 스트랩 텍스트 상자 옆에 Jquery 양식 유효성 검사 메시지 표시

분류에서Dev

내장 스타일을 사용한 부트 스트랩 3 양식 유효성 검사

분류에서Dev

양식에서 jquery 유효성 검사 후 부트 스트랩 모달 닫기를 어떻게 방지합니까?

분류에서Dev

부트 스트랩 양식 유효성 검사를 비활성화하는 방법 (jQuery없이)?

분류에서Dev

Google Apps Script / RegEx를 통해 양식의 응답 텍스트 유효성 검사

분류에서Dev

부트 스트랩 이메일 양식 필드 유효성 검사 사용자 지정

분류에서Dev

jQuery 유효성 검사 및 AJAX를 사용하는 부트 스트랩 문의 양식

분류에서Dev

부트 스트랩 유효성 검사를 사용하여 양식을 제출하는 방법

분류에서Dev

유효성 검사 실패시 부트 스트랩 양식이 제출을 취소하지 않음

분류에서Dev

jQuery 양식 유효성 검사가 부트 스트랩에서 작동하지 않음

분류에서Dev

부트 스트랩이있는 Codeigniter 양식 유효성 검사 오류 메시지

분류에서Dev

부트 스트랩 모달을 닫은 후 angularjs의 양식 유효성 검사를 재설정하는 방법

분류에서Dev

angular2에서 부트 스트랩 양식 유효성 검사가 작동하지 않음

분류에서Dev

부트 스트랩 모달에서 Javascript 양식 유효성 검사가 작동하지 않음

분류에서Dev

부트 스트랩 유효성 검사기 이메일 정규식

분류에서Dev

여러 jQuery 유효성 검사 부트 스트랩 플러그인이 여러 양식의 유효성을 검사하지 않습니다.

분류에서Dev

EXCEL 사용자 양식 텍스트 상자 유효성 검사

분류에서Dev

양식 유효성 검사가 수행되지 않음, 스프링 부트

분류에서Dev

Angular Karma Jasmine 테스트 양식 유효성 검사 오류

분류에서Dev

자바 스크립트 및 HTML 양식 유효성 검사

분류에서Dev

자바 스크립트 양식 유효성 검사 (소수점)

분류에서Dev

양식의 편집 텍스트에 대한 유효성 검사

분류에서Dev

자바 스크립트 양식 유효성 검사

Related 관련 기사

  1. 1

    Django ModalForm은 부트 스트랩 모달 양식에서 유효성 검사 오류를 표시합니다.

  2. 2

    Codeigniter 양식 유효성 검사를 사용하는 부트 스트랩 모달

  3. 3

    부트 스트랩 모달 유효성 검사 웹 양식 + 하나만 표시

  4. 4

    부트 스트랩 모달에서 HTML5 양식 유효성 검사

  5. 5

    부트 스트랩 양식이 유효하지 않은 경우 Jquery 유효성 검사기가 제출합니다.

  6. 6

    유효성 검사 형식으로 부트 스트랩 인라인 양식의 입력이 더 넓은 이유

  7. 7

    부트 스트랩 텍스트 상자 옆에 Jquery 양식 유효성 검사 메시지 표시

  8. 8

    내장 스타일을 사용한 부트 스트랩 3 양식 유효성 검사

  9. 9

    양식에서 jquery 유효성 검사 후 부트 스트랩 모달 닫기를 어떻게 방지합니까?

  10. 10

    부트 스트랩 양식 유효성 검사를 비활성화하는 방법 (jQuery없이)?

  11. 11

    Google Apps Script / RegEx를 통해 양식의 응답 텍스트 유효성 검사

  12. 12

    부트 스트랩 이메일 양식 필드 유효성 검사 사용자 지정

  13. 13

    jQuery 유효성 검사 및 AJAX를 사용하는 부트 스트랩 문의 양식

  14. 14

    부트 스트랩 유효성 검사를 사용하여 양식을 제출하는 방법

  15. 15

    유효성 검사 실패시 부트 스트랩 양식이 제출을 취소하지 않음

  16. 16

    jQuery 양식 유효성 검사가 부트 스트랩에서 작동하지 않음

  17. 17

    부트 스트랩이있는 Codeigniter 양식 유효성 검사 오류 메시지

  18. 18

    부트 스트랩 모달을 닫은 후 angularjs의 양식 유효성 검사를 재설정하는 방법

  19. 19

    angular2에서 부트 스트랩 양식 유효성 검사가 작동하지 않음

  20. 20

    부트 스트랩 모달에서 Javascript 양식 유효성 검사가 작동하지 않음

  21. 21

    부트 스트랩 유효성 검사기 이메일 정규식

  22. 22

    여러 jQuery 유효성 검사 부트 스트랩 플러그인이 여러 양식의 유효성을 검사하지 않습니다.

  23. 23

    EXCEL 사용자 양식 텍스트 상자 유효성 검사

  24. 24

    양식 유효성 검사가 수행되지 않음, 스프링 부트

  25. 25

    Angular Karma Jasmine 테스트 양식 유효성 검사 오류

  26. 26

    자바 스크립트 및 HTML 양식 유효성 검사

  27. 27

    자바 스크립트 양식 유효성 검사 (소수점)

  28. 28

    양식의 편집 텍스트에 대한 유효성 검사

  29. 29

    자바 스크립트 양식 유효성 검사

뜨겁다태그

보관