Q&A
ありがとうございます。value がないと動かないんですね。valueも属性で認識してましたが間違いないでしょうか。
前提・実現したいこと
HTML・JavaScriptを用いて、入力フォームの文字が０の場合アラートを表示するとういことを行いたいです。
発生している問題・エラーメッセージ
動かない。ただ、エラーも出ないので何が悪いのかも分からない状態です。
エラーメッセージ：なし
該当のソースコード
HTMLJavaScript
1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="UTF-8"> 5<title>練習</title> 6<script type="text/javascript"> 7function spellCheck(){ 8 text1 = document.getElementById('t1'); 9 if(text1.length == "0"){ 10 alert("未入力です"); 11 } 12} 13</script> 14</head> 15<body> 16 <form> 17 <input type="text" id="t1"> 18 <input type="button" id="b1"value="チェック" onclick=spellCheck()> 19 </form> 20</body> 21</html>
試したこと
text1.length == "0" ←をNULLにすると動くのですが、文字が入力されていてもアラートが出てしまっています。if分の前にconsole.log("Hello Would")をすると動くのでonclick自体は動いていると思うのですが、、、
補足情報（FW/ツールのバージョンなど）
eclipseで作成しております。
回答2件
0
text1.value.length == 0 が正しい条件です。
これぐらいの挙動なら、JavaScriptはいっさいなしでも実現できます。
<input type="text"...>にrequired属性を追加<input ttype="button" ...>をtype=submitに変更してonclick=...を削除
投稿2021/08/08 04:54
総合スコア21756
0
ベストアンサー
text1.value.lengthです
投稿2021/08/08 04:14
総合スコア1332
基本的にinput要素の内容はvalueに格納されます。
valueはhtmlの属性であるという認識は間違っていませんが、input要素への入力によって変更されます。
type=textならテキストボックスのテキストが文字列としてvalueに格納されます。
この場合はつまり、「input要素text1が保持している文字列valueの長さ」ということでtext1.value.lengthとなります。
lengthはあくまで文字列が持つプロパティであり、input要素自体にはlengthというプロパティはありません。
ありがとうございます。とても勉強になりました。
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/08/08 05:42