ここも同じ解決方法。html5のrequiredはJSからsubmit()を呼んだ時には効かない。ので不可視のsubmitボタンを埋め込んどいてJSからクリックすることで発火させる必要あり。

stealthinu のブックマーク 2014/12/19 18:18

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://akarinohon.com/text/taketori.cgi/https://b.hatena.ne.jp/entry/236377326/comment/stealthinu" data-user-id="stealthinu" data-entry-url="https://b.hatena.ne.jp/entry/s/stackoverflow.com/questions/6856220/submit-html5-form-using-javascript-and-validate-its-inputs" data-original-href="https://stackoverflow.com/questions/6856220/submit-html5-form-using-javascript-and-validate-its-inputs" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fstackoverflow.com%2Fquestions%2F6856220%2Fsubmit-html5-form-using-javascript-and-validate-its-inputs" data-user-icon="/users/stealthinu/profile.png">Submit HTML5 Form using Javascript and validate its inputs</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://akarinohon.com/text/taketori.cgi/https://b.hatena.ne.jp/q/html5">html5</a>]</li><li style="float: left">[<a href="https://akarinohon.com/text/taketori.cgi/https://b.hatena.ne.jp/q/javascript">javascript</a>]</li></ul><br><div class="tategaki" style="margin-top:10px;width:100%;">
<br style="display:none" /><span class="tktr-gyo" style="height:640px;margin:0 19px 180px 22px;font-size:19px;_width:19px;/width:19px;"><span class="char"">こ</span><span class="char"">こ</span><span class="char"">も</span><span class="char"">同</span><span class="char"">じ</span><span class="char"">解</span><span class="char"">決</span><span class="char"">方</span><span class="char"">法</span><span class="ku-ten">。</span><span class="latin" style="width:19px;height:19px;">h</span><span class="latin" style="width:19px;height:19px;">t</span><span class="latin" style="width:19px;height:19px;">m</span><span class="latin" style="width:19px;height:19px;">l</span><span class="latin" style="width:19px;height:19px;">5</span><span class="char"">の</span><span class="latin" style="width:19px;height:19px;">r</span><span class="latin" style="width:19px;height:19px;">e</span><span class="latin" style="width:19px;height:19px;">q</span><span class="latin" style="width:19px;height:19px;">u</span><span class="latin" style="width:19px;height:19px;">i</span><span class="latin" style="width:19px;height:19px;">r</span><span class="latin" style="width:19px;height:19px;">e</span><span class="latin" style="width:19px;height:19px;">d</span><span class="char"">は</span><span class="ltr">JS</span><span class="char"">か</span><span class="char"">ら</span><span class="latin" style="width:19px;height:19px;">s</span><span class="latin" style="width:19px;height:19px;">u</span><span class="latin" style="width:19px;height:19px;">b</span><span class="latin" style="width:19px;height:19px;">m</span></span><span class="tktr-gyo" style="height:640px;margin:0 0 180px 22px;font-size:19px;_width:19px;/width:19px;"><span class="latin" style="width:19px;height:19px;">i</span><span class="latin" style="width:19px;height:19px;">t</span><span class="latin" style="width:19px;height:19px;">(</span><span class="latin" style="width:19px;height:19px;">)</span><span class="char"">を</span><span class="char"">呼</span><span class="char"">ん</span><span class="char"">だ</span><span class="char"">時</span><span class="char"">に</span><span class="char"">は</span><span class="char"">効</span><span class="char"">か</span><span class="char"">な</span><span class="char"">い</span><span class="ku-ten">。</span><span class="char"">の</span><span class="char"">で</span><span class="char"">不</span><span class="char"">可</span><span class="char"">視</span><span class="char"">の</span><span class="latin" style="width:19px;height:19px;">s</span><span class="latin" style="width:19px;height:19px;">u</span><span class="latin" style="width:19px;height:19px;">b</span><span class="latin" style="width:19px;height:19px;">m</span><span class="latin" style="width:19px;height:19px;">i</span><span class="latin" style="width:19px;height:19px;">t</span><span class="char"">ボ</span><span class="char"">タ</span><span class="char"">ン</span><span class="char"">を</span></span><span class="tktr-gyo" style="height:640px;margin:0 0 180px 22px;font-size:19px;_width:19px;/width:19px;"><span class="char"">埋</span><span class="char"">め</span><span class="char"">込</span><span class="char"">ん</span><span class="char"">ど</span><span class="char"">い</span><span class="char"">て</span><span class="ltr">JS</span><span class="char"">か</span><span class="char"">ら</span><span class="char"">ク</span><span class="char"">リ</span><span class="kogaki">ッ</span><span class="char"">ク</span><span class="char"">す</span><span class="char"">る</span><span class="char"">こ</span><span class="char"">と</span><span class="char"">で</span><span class="char"">発</span><span class="char"">火</span><span class="char"">さ</span><span class="char"">せ</span><span class="char"">る</span><span class="char"">必</span><span class="char"">要</span><span class="char"">あ</span><span class="char"">り</span><span class="ku-ten">。</span><br style="display:none" /></span>
<span style="display:block;clear:right"></span></div><a class="datetime" href="https://akarinohon.com/text/taketori.cgi/https://b.hatena.ne.jp/stealthinu/20141219#bookmark-236377326"><span class="datetime-body">2014/12/19 18:18</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！