1. QUESTION

 

<script type="text/javascript">

function join() {
    if(document.fr.age.value==""){
       alert("숫자만 입력하세요");
       document.fr.age.focus();
       return false;}
       return true;
 }
< /script>



< form action="./MemberInsertAction.me" method="post" name="fr" onsubmit="return join()">
< tr><td class="fst_td">나이</td>
< td><input type="text" name="age" placeholder="숫자만 입력하세요."></td></tr>
< input type="submit" value="회원가입">


submit 버튼 누르면 join()실행

age에 숫자만 입력하게 하려면 어떻게 써야되나요?



var pattern1 = /[0-9]/; // 숫자만 입력
var pattern2 = /[a-zA-Z]/; // 문자만 입력
var pattern3 = /[~!@#$%^&*()_+|<>?:{}]/; // 특수문자 입력


그리고 숫자 외에 문자+숫자+특문 입력하는 것도 알려주세요!

 

 

2. SOURCE

 

var pattern1 = /[0-9]/; // 숫자만 입력
var pattern2 = /[a-zA-Z]/; // 문자만 입력
var pattern3 = /[~!@#$%^&*()_+|<>?:{}]/; // 특수문자 입력

var pattern4 = /[0-9a-zA-Z.;\-]/;   // 문자+숫자+특문  가능한 정규식


function join() {

     var age = document.fr.age.value;  // 숫자만

     var title = document.fr.title.value;  // 문자+숫자+특문  입력가능 해야함.


     for(var i=0;i<age.length;i++){
       if(age.charAt(i) != " " && pattern1.test(age.charAt(i)) == false){
         alert("숫자만 입력하세요");
         document.fr.age.focus();
         return false;
      }

     }

 


     for(var i=0;i<title.length;i++){
      if(pattern3.test(title.charAt(i)) ==  false && pattern4.test(title.charAt(i)) == false ){

         alert("문자,숫자, 특수문자만 입력하세요");
         document.fr.title.focus();
         return false;

       }

    }
}


<body>

<form action="./MemberInsertAction.me" method="post" name="fr" onsubmit="return join()">
< tr><td class="fst_td">나 이</td>
< td><input type="text" name="age" placeholder="숫자만 입력하세요."></td>

<td class="fst_td">제 목</td>

<td><input type="text" name="title"></td>

</tr>
< input type="submit" value="회원가입">

</body>


 


3. RUN