JavaScriptで桁数チェックを行いたいです。
空文字チェックは以前質問して解決できたのですが、桁数チェックができません。
やりたいこと:桁数チェック
javascript
1 2<!DOCTYPE HTML> 3<html lang="ja"> 4 <head> 5 <%@ page language="java" contentType="text/html; charset=Windows-31J" 6 pageEncoding="Windows-31J"%> 7 <%@ page import="java.util.ArrayList"%> 8 <%@ page import="java.util.List"%> 9 </head> 10 <body> 11 <h1>ログイン</h1> 12 <span id="input_error"></span> 13 <form name = "Form1" action="/BusinessReport/LoginServlet" method="post" #nsubmit="return formcheck()"><br> 14 <% 15 List<String> error = (ArrayList<String>) request.getAttribute("list"); 16 if(error != null){ 17 for (int i = 0; i < error.size(); i++) { 18 out.print(error.get(i)); 19 %> 20 <br> 21 <% 22 } 23 } 24 %> 25 26 ID:<input type="text" name="userId" id="notice-input-1"> <br> 27 パスワード:<input type="text" name="pass" id="notice-input-2"> <br> 28 29 <button type=submit>ログイン</button> 30 </form> 31 <script type="text/javascript"> 32 function formcheck(){ 33 var err = ""; 34 //必須チェック 35 if(document.Form1.userId.value == ""){ 36 err += "js:ログインIDは必須です。<br />"; 37 } 38 if(document.Form1.pass.value == ""){ 39 err += "js:パスワードは必須です。<br />"; 40 } 41 42 if(err != ""){ 43 document.getElementById('input_error').innerHTML = err; 44 return false; 45 } 46 //return true; //送信を実行 47 } 48 function ShowLength() { 49 if(document.Form1.userId.value<8){ 50 err += "js:ログインIDの文字数が足りません。<br />"; 51 } 52 document.getElementById("textlength").innerHTML = str.length + "文字"; 53 }return true; //送信を実行 54 55 </script> 56 </body> 57</html>
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。