Javascriptフォーム検証--入力ボックス--基礎版コード

  
  




  

    
      
  

  
    // HTML         JS  
    window.onload = function() {
      //      
      var txt_submit = document.getElementById("txt_submit");

      //       
      var btn_submit = document.getElementById("btn_submit");

      //     span
      var msg = document.getElementById("msg");

      btn_submit.onclick = function() {
        //       
        var strText = txt_submit.value;

        //      
        if ("" == strText) {
          msg.innerHTML = "        ";
          return false;
        }

        //       
        if (strText.length < 6) {
          msg.innerHTML = "        6";
          return false;
        }

        //       
        if (strText.length > 10) {
          msg.innerHTML = "        10";
          return false;
        }

        //     
        if (!/^[\u4e00-\u9fa5]+$/.test(strText)) {
          msg.innerHTML = "      ";
          return false;
        }

        //          
        msg.innerHTML = "";
        return true;

      };

      // JS        
    };