JQuery form 인증.입력 안 하면submit 안 돼요.
7574 단어 jQueryJavaScriptHTML
jquery.form-validation-and-hints 주석
매번 쓰다.상당히 편리하다.
설치가 간단합니다.간단하다.
찬미를 담은 필기.
헤드에서 가져오기
<script type="text/javascript" src="./jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="./jquery.form-validation-and-hints.js"></script>
※jquery-1.8.2.min.js 안 움직여.1.7.2 괜찮아요.
●submit에 꼭 넣어야 할 것
submit
<input class="submit" type="submit" name="go" value="次へ" style="width:100%;"/>
class="submit"에 이것을 더하지 않으면 아무 일도 일어나지 않습니다.●CSS
다음 내용을 스타일시트에 직접 추가하기만 하면 됩니다.
맨 밑에 놓으세요.
잘못된 스타일
.error INPUT, .error TEXTAREA, .error SELECT { border-width:2px; border-style:solid; border-color:#ED1C24; background:#FFE6E7; }
.iferror { margin:0; display:none; }
.error .iferror { display:block;width:200px;background:red;color:#fff;padding:3px; }
.hint { color:#888; }
필수 항목
(가격만 있으면 뭐든지 되는 경우)
필수 항목
<div class="field required">
<label class="name" for="name">お名前</label>
<input class="text verifyText" type="text" name="name" id="name" placeholder="大阪太郎" style="width:100%; height:100%" />
<span class="iferror">必須項目です</span>
</div>
div class = "field required"이것으로 둘러싸세요.필수 역할입니다.input class = "text verifyText"...텍스트로 지정됨
span class = "iferror"오류 시 메시지
반각 숫자만 허용
반각 숫자
<div class="field required">
<label class="tel" for="tel" >お電話番号</label>
<input class="text verifyInteger" type="text" name="tel1" id="tel" placeholder="080" style="width:100%; height:100%" /><div class="hai">-</div>
<span class="iferror">半角数字のみ入力可能です</span>
</div>
input class = "text verify Integer"... 반각 숫자메시지 형식만 허용
메일 유형
<div class="field required">
<label class="mail" for="mail" >メールアドレス</label>
<input class="text verifyMail" type="text" name="mail" id="mail" placeholder="[email protected]" style="width:100%; height:100%" />
<span class="iferror">メールアドレスを入力してください</span>
</div>
class = "text verifyMail"...사전 일치 시 주소만 허용다운로드:
제목 아래 네 번째 줄에는 작은 글자로'Download latest version'이라고 쓰여 있다.
Reference
이 문제에 관하여(JQuery form 인증.입력 안 하면submit 안 돼요.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/tabo_purify/items/7bf65e6fbaa642caef2a텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)