HTML5の「pattern」属性で前後に空白が存在する入力を制限する方法

HTML5の「pattern」属性で、入力した文字列の先頭もしくは末尾に半角全角を問わず、スペースが存在する場合は送信できないようにしたいのですが、その記述がわかりません。
ご教授のほど宜しくお願い申し上げます。

質問者からの補足コメント

• こんな感じ？
  
  <form>
  <input type="text" pattern="\S|\S.*?\S" required>
  <input type="submit" value="go">
  </form>

  No.2の回答に寄せられた補足コメントです。 補足日時：2019/05/22 19:02

No.1 ベストアンサー 回答者： yambejp 回答日時： 2019/05/22 15:06

こんな感じ？

<form>
<input type="text" pattern="\S|\S.*?\S" required>
<input type="submit" value="go">
</form>

この回答へのお礼

試してみましたがダメみたいです。
文字間のスペースにもマッチしますし、スペースがなくても文字列が2文字以上でマッチしてしまいます。

お礼日時：2019/05/22 16:21

No.2 回答者： yambejp 回答日時： 2019/05/22 17:53

> 入力した文字列の先頭もしくは末尾に半角全角を問わず、スペースが存在する場合

という条件じゃないの？
そのままだと見えないので便宜的にスペースを「_」で表します

だめな例
「」(空)「_」(スペースのみ)「_a」「a_」「_abc」「abc_」「a_b_」

よい例
「a」「ab」「abc」「a_b」「a_b_c」

って感じで切り分けられますよね？

> 文字間のスペースにもマッチしますし
>スペースがなくても文字列が2文字以上でマッチ

そんなことはないですよ

この回答へのお礼

大変失礼いたしました m(_ _)m
対応していないブラウザでチェックしておりました。。

教えて頂いた記述で問題なく動作しました。
お手数をお掛けして申し訳ございませんでした！
ありがとうございました。

お礼日時：2019/05/22 19:00