js スペース判定について

プログラミングを初めて1ヶ月の初心者です。
今、お問い合わせフォームを作ろうとしています。
送信ボタンクリック時に名前の中に全角スペースがなかったら「名前は名字と名前の間に全角スペースを入れてください。」と表示されるようにチェック処理を行いたいです。
matchメソッドを使えばできそうだなと思って調べたのですが、上手く記述できないので、すいません。
アドバイスください。

<!DOCTYPE html> <html lang="ja"> <head> <link rel="stylesheet" href="kadai_base.css"> <title>enrty</title> </head> <body> <p>以下の情報を入力し、送信ボタンを実行してください</p> <form id="messageform"> <table> <tr> <th>お名前:</th> <td><input type="text" name="name" value="" id="name" size="20"></td> <td id="error" style="visibility: hidden;"> 名前を入力してください。</td> <td id ="error2"></td> </tr> <tr> <th>希望年収:</th> <td><input type="text" name="income" size="20"></td> </tr> <tr> <th>生年月日:</th> <td><input type="text" name="birthday" size="20"></td> </tr> <tr> </table> </form> <script> function msg(){ var name = document.getElementById("name"); var error = document.getElementById("error"); if(name.match(/\S/g) else{ "名前は名字と名前の間に全角スペースを入れてください。" } if(name.value == ""){ error.style.visibility = "visible"; } var y = name.value.length; if(y >= 10){ var x = y-10; error2.innerHTML="名前が" + x +"文字オーバーしてます。" } }

  </script>

</body> </html>

kei344

2020/04/15 06:09

（質問文は編集できます）質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

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

回答5件

アドバイスください。

まずは、「JavaScriptとして解析できる」コードを書いてください。現状のコードでは、文法的に解釈が失敗しています。

ひとまず動くコードを書ければ、デバッグモードで各操作を追跡できるようになります。

投稿2020/04/15 06:16

maisumakun

総合スコア146571

Masaru0217

2020/04/15 06:29

申し訳ないですが、どこをどう直せばいいですか？

maisumakun

2020/04/15 06:30

if(name.match(/\S/g) else{ この部分がおかしいです。

Masaru0217

2020/04/15 06:40

if(name.match(!/\S/g); else{ !,;を追加してみました。

maisumakun

2020/04/15 06:42

if(の閉じカッコはどこでしょうか？

Masaru0217

2020/04/15 06:47

ないですね。 if(name.match(!/\S/g)); else{ これでどうです？

maisumakun

2020/04/15 06:49

> これでどうです？ブラウザコンソールに結果が出ているかと思います。

Masaru0217

2020/04/15 06:56

間違ってました Uncaught SyntaxError: Unexpected token ';' (kadai_entry.html:52) onclick @ kadai_entry.html:52 52:<td colspan="2"> <input type="button" onClick="msg()" value="送信"> </td>

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

正規表現の\Sは空白文字「以外」を表します。なので\sが意図としては正しいです。そして\sでは全角スペースはマッチしません。なのでmatch部分を/　/gと全角スペースに置き換えれば動くと思います。

投稿2020/04/15 06:07

A_kirisaki

総合スコア2853

kei344

2020/04/15 06:10 編集

質問者のコードではnameはHTMLElementでは。

maisumakun

2020/04/15 06:14

JavaScriptの場合、全角スペースは\sにマッチし、\Sにはマッチしません。 https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Regular_Expressions

A_kirisaki

2020/04/15 06:15

これは失礼しました。早とちりだったようです

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

JavaScript
1function msg() {
2  const name = document.getElementById('name');
3  if (name.value.indexOf('　') < 0) {
4    alert('苗字と名前は全角スペースで区切ってください。');
5    return;
6  }
7  // 続きの処理
8}