html
1<form> 2<p>・ユーザー名を入力(半角英数のみ)</p> 3<input id = "user"> 4<p id = "Error1"></p> 5<p>・パスワードを入力(半角英数のみ)</p> 6<input id = "password" > 7<p id = "Error2"></p> 8<input id = "buttom"type="submit" value="送信" disabled> 9</form>
javascript
1var usernameText = document.getElementById("user");//入力部分→ユーザー名 2 var Error1 = document.getElementById("Error1"); 3 4 usernameText.addEventListener("blur",function () 5 { 6 var userValue = document.getElementById("user").value; 7 if (/^[A-Za-z0-9]*$/.test(userValue)) 8 { 9 Error1.innerHTML = "合っています"; 10 } 11 else 12 { 13 Error1.innerHTML = "入力エラーがあります"; 14 } 15 }); 16 17 var passwordText = document.getElementById("password");//入力部分→パスワード 18 var Error2 = document.getElementById("Error2"); 19 20 passwordText.addEventListener("blur",function() 21 { 22 var pwValue = document.getElementById("password").value; 23 24 if (/^[A-Za-z0-9]*$/.test(pwValue)) 25 { 26 Error2.innerHTML = "合っています"; 27 } 28 else 29 { 30 Error2.innerHTML = "入力エラーがあります"; 31 } 32 }); 33 34 var buttom = document.getElementById("buttom"); 35 buttom.disabled = true;
前提・実現したいこと
●やりたい事
javascriptで送信formを作成しています。
ユーザー名とパスワードが入力され、
正規表現でチェックを受け、双方の値が正しい場合だけ送信ボタンを有効にしたいです。
回答2件
あなたの回答
tips
プレビュー