js form 폼 input 상자 20 글자 제한,10 한자 코드 인 스 턴 스

3583 단어 jsforminput문자 수
html 파일 에 직접 붙 여 넣 으 면 효 과 를 볼 수 있 습 니 다.

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
  <script>
   //            
   //      
   function checkField(value, byteLength, attribute) {
    // value input   ,byteLength        ,attribute input id 
    var newvalue = value.replace(/[^\x00-\xff]/g, "**");
    var length = newvalue.length;
    //               
    if (length * 1 <= byteLength * 1) {
     return;
    }
    var limitDate = newvalue.substr(0, byteLength);
    var count = 0;
    var limitvalue = "";
    for (var i = 0; i < limitDate.length; i++) {
     var flat = limitDate.substr(i, 1);
     if (flat == "*") {
      count++;
     }
    }
    var size = 0;
    var istar = newvalue.substr(byteLength * 1 - 1, 1); //      “×”
    //if    ×;        ×       
    if (count % 2 == 0) {
     //     
     size = count / 2 + (byteLength * 1 - count);
     limitvalue = value.substr(0, size);
    } else {
     //     
     size = (count - 1) / 2 + (byteLength * 1 - count);
     limitvalue = value.substr(0, size);
    }
    alert(
     "    " +
      byteLength +
      "   (   " +
      byteLength / 2 +
      "   )!"
    );
    document.getElementById(attribute).value = limitvalue;
    return;
   }
  </script>
 </head>
 <body>
  <div class="wrap">
   <form>
    <table class="list-style">
     <tr>
      <td style="width:15%;text-align:right;">  :</td>
      <td>
       <input id="profession" type="text" "checkField(this.value,20,'profession')" class="textBox length-middle" name="profession"/>
       <input id="interest" type="text" "checkField(this.value,100,'interest')" class="textBox length-middle" name="interest"/>
       <input id="address" "checkField(this.value,40,'address')" type="text" class="textBox length-middle" name="address" />
      </td>
     </tr>
    </table>

    <div style="margin:20px 0 0 300px">
     <button
      type="reset"
      style="width:60px;height:30px;margin-right:40px"
      "refresh()"
     >
        
     </button>
     <button
      type="submit"
      style="width:60px;height:30px"
      "return checkNull()"
     >
        
     </button>
    </div>
   </form>
  </div>
 </body>
</html>
위 에서 말 한 것 은 소 편 이 소개 한 js form 폼 input 상자 에서 20 자 를 제한 하고 10 개의 한자 가 상세 하 게 통합 되 는 것 입 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 메 시 지 를 남 겨 주세요.소 편 은 제때에 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!

좋은 웹페이지 즐겨찾기