JQuery form 인증.입력 안 하면submit 안 돼요.

7574 단어 jQueryJavaScriptHTML
.반울비망록 by Takayoshi.Iwasaki

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'이라고 쓰여 있다.

좋은 웹페이지 즐겨찾기