html5 폼을 기반으로 jQuery html5 플러그인 검증하기

작은 쓰레기 같은 놈들 · 게시됨 2015. 9. 5. 오후 10:08:04

HTML 제출 요청, 온클릭 클릭 이벤트를 원한다면, 그리고 양식 검증도 원한다면,

폼이 성공적으로 검증되면 OnClick 이벤트를 실행해도 괜찮지만, onclick 이벤트를 제출 버튼에 추가하면

웹페이지가 먼저 온클릭 이벤트를 실행하며, 폼을 검증하지 않습니다. 인터넷에서 찾아보고 아래에 다운로드 주소와 함께 좋은 js 플러그인을 보냈습니다:

먼저 jquery를 도입한 다음에 jquery-html5Validate.js

사용 방법은 다음과 같습니다:

示意，假设测试表单id为html5Form，则有：
$("#html5Form").html5Validate(function() {
// 全部验证通过，该干嘛干嘛~~
});

코드 복사

그 효과는 다음과 같습니다:

하지만 이 프롬프트 효과가 너무 보기 싫어서 HTML5에 포함된 프롬프트 효과를 사용하고 싶어요?

var isIe10 = typeof document.msHidden !== "undefiend";
$("#html5Form").html5Validate($.noop, {
novalidate: isIe10 ? false : true
});

코드 복사

js 스크립트가 첨부되어 있어 렌더링이 훨씬 더 아름답습니다:

jquery-html5Validate.js (17.92 KB, 다운로드 횟수: 2)

honestman_1 · 게시됨 2017. 4. 7. 오후 11:54:20

아주 좋아요, 공유해 주셔서 감사합니다

[Jquery] html5 폼을 기반으로 jQuery html5 플러그인 검증하기

관련 게시물