###前提・実現したいこと
JavaScriptを使ってWebフォームを作っているのですが、年齢とPostal Code(カナダ)の入力チェックをしたいです。
カナダのPostal Code -(例)T6A 3T2
###発生している問題・エラーメッセージ
年齢 - エラーメッセージが出てこない Postal Code - 正しいPostal Codeを入力してもエラーが出る
###「年齢」のソースコード
JavaScript
1var age = document.getElementById("age").value; 2age = parseInt(age); 3var messageAge = document.getElementById("errorAge"); 4 5function checkAge() { 6 7 messageAge.innerHTML(age); 8 if (!isNaN(age) || age <= 18) { 9 messageAge.style.color = 'red'; 10 messageAge.innerHTML = '* Age has to be over 18'; 11 } 12}
HTML
1 <td><input id="age" type="number" onblur='checkAge();' /></td> 2 <td><span id="errorAge"></span></td>
###「Postal Code」のソースコード
JavaScript
1var postalCode = document.getElementById("postalCode").value; 2var messagePC = document.getElementById("errorPC"); 3 4function checkPostalCode() { 5 var postalCodeRegex = /^[A-Za-z]\d[A-Za-z][ -]?\d[A-Za-z]\d$/i; 6 7 if (postalCodeRegex.test(postalCode)) { 8 messagePC.style.color = 'green'; 9 messagePC.innerHTML = '* Postal Code is correct'; 10 } else { 11 messagePC.style.color = 'red'; 12 messagePC.innerHTML = '* Postal Code is not correct'; 13 } 14}
HTML
1<td><input id="postalCode" type="text" placeholder="ex. N7Y3U5" required="required" onblur='checkPostalCode();'/></td> 2<td><span id="errorPC"></span></td>
###試したこと
イベントリスナーをonmouseout, onmouseleave, onkeyupといろいろ試したみましたが、どれも動作しませんでした。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2017/07/11 00:41
2017/07/11 00:42
2017/07/11 00:43