전단 기초(5):Validate

(1)Validate
기초 용법
기본 폼 검사
(1)Validate
(1)기초 용법
Validate 정의
Validate 는 jQuery 기반 경량급 플러그 인 입 니 다폼 의 검사 에 사용 합 니 다
사용법

먼저.js 가방 을 가 져 와 야 합 니 다

사용 방법:$("선택 기").vaidate({code})내부 사용 필드 이름(탭 의 name 속성):"속성 값"방식
rules:요소 입력 이 지 켜 야 할 규칙 을 나타 낸다

messages:입력 오류 시 알림 정 보 를 표시 합 니 다

        "text/javascript"</span>>
            $(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span>{</span>
                $(<span class="hljs-string">"#formId"</span>).validate({
                    rules:{
                        username:<span class="hljs-string">"required"</span>,
                        password:{
                            required:<span class="hljs-literal">true</span>,
                            digits:<span class="hljs-literal">true</span>
                        },
                        repassword:{
                            equalTo:<span class="hljs-string">"[name='password']"</span>
                        }
                    },
                    messages:{
                        username:<span class="hljs-string">"       "</span>  ,
                        password:{
                            required:<span class="hljs-string">"      "</span>,
                            digits:<span class="hljs-string">"       "</span>
                        }
                    }
                });
            });
        <span class="xml"><span class="hljs-tag"></<span class="hljs-title">script</span>></span></span></code></pre> 
  <h2 id="2      ">（2）      </h2> 
  <ul> 
   <li>     ：rules                ，         </li> 
  </ul> 
  <pre class="prettyprint"><code class="language-javascript hljs ">    <script>
        $(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span>{</span>
            $(<span class="hljs-string">"#formid"</span>).validate({
                rules:{
                    username:{
                        required:<span class="hljs-literal">true</span>,
                        rangelength:[<span class="hljs-number">5</span>,<span class="hljs-number">10</span>]
                    },
                    password:{
                        required:<span class="hljs-literal">true</span>,
                        rangelength:[<span class="hljs-number">4</span>,<span class="hljs-number">6</span>]
                    },
                    repassword:{
                        equalTo:<span class="hljs-string">"#password"</span>
                    }
                },

                messages:{
                    username:{
                        required:<span class="hljs-string">"       "</span>,
                        rangelength:<span class="hljs-string">"     {0}~{1}"</span>
                    },
                    password:{
                        required:<span class="hljs-string">"      "</span>,
                        rangelength:<span class="hljs-string">"     {0}~{1}"</span>
                    }
                }
            });
        });
    <span class="xml"><span class="hljs-tag"></<span class="hljs-title">script</span>></span></span></code></pre> 
 </div> 
</div>
                            </div>
                        </div>
                    </div>
                    <!--PC WAP    -->
                    <div id="SOHUCS" sid="1175286736935268352"></div>
                    <script type="text/javascript" src="/views/front/js/chanyan.js">

이 가능 하 다,~할 수 있다,...

매트릭스 구역(JAVA)은 수반 행렬 을 이용한다.
qiuwanchi
수반 행렬 을 이용 하여 역 행렬 을 구하 다.

단일 예(Singleton)모드
aoyouzi
일례 패턴 Singleton

[개원 과 자체 개발]외부 기술 의 지원 을 쉽게 받 을 수 있 더 라 도 스스로 개발 해 야 합 니 다.
comsci
개원 하 다

페이지 에 두 개의 frame 이 있 는데,어떻게 링크 를 클릭 하여 다른 내용 을 바 꿉 니까?
Array_06
UI XHTML

Struts 2 단일/여러 파일 업로드 및 다운로드 실현
oloz
파일 업로드 struts

온라인 로고 디자인 사이트 10 개 추천
362217990
logo

jsp 파일 업로드
향수 가 진 하 다
jsp fileupload

나의 구조 경험 시리즈 문장-전단 구조
agevs
JavaScript Web 프레임 UI jQuer

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

전단 자동화 워 크 플 로 의 hooks

예 를 들 어 우 리 는 git commt 전에 eslint 코드 검사, npm install 전에 프로젝트 의존 도 를 검사 하고 싶 습 니 다.전형 적 인 상황 에서 각종 도 구 는 특정한 동작 이 발생 할 때 ...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

전단 기초(5):Validate

좋은 웹페이지 즐겨찾기