文字数をカウントして、0の際はアラートを表示する。（HTML・JavaScript）

前提・実現したいこと

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件

text1.value.length == 0 が正しい条件です。

これぐらいの挙動なら、JavaScriptはいっさいなしでも実現できます。

<input type="text"...> に required 属性を追加
<input ttype="button" ...> を type=submit に変更して onclick=... を削除

投稿2021/08/08 04:54

int32_t

総合スコア21012

tatakauneko3

2021/08/08 05:42

ありがとうございます。問題がjavascript 指定だったので、参考にします。

行動規範の内容に同意します

ベストアンサー

text1.value.lengthです

投稿2021/08/08 04:14

kairi003

総合スコア1330

tatakauneko3

2021/08/08 05:43

ありがとうございます。value がないと動かないんですね。valueも属性で認識してましたが間違いないでしょうか。

kairi003

2021/08/08 05:50

基本的にinput要素の内容はvalueに格納されます。 valueはhtmlの属性であるという認識は間違っていませんが、input要素への入力によって変更されます。 type=textならテキストボックスのテキストが文字列としてvalueに格納されます。この場合はつまり、「input要素text1が保持している文字列valueの長さ」ということでtext1.value.lengthとなります。 lengthはあくまで文字列が持つプロパティであり、input要素自体にはlengthというプロパティはありません。

tatakauneko3

2021/08/08 12:24

ありがとうございます。とても勉強になりました。

行動規範の内容に同意します

あなたの回答