Javascript HTML5文本字段未正确验证

我有一个调查，“Onclick”应该验证必填字段是否已填充、存储到本地存储以及导航以确认页面。当1 required没有填写时，它会工作并且不会在本地存储，但是它不会提示用户需要填写哪个字段。因此，从技术上讲，它只是在验证，而不是按照预期的方式提示用户

目前：

<label>Hospital*:</label>
<input required title="Hospital is required!" name="MainHospital" type="text" />

---

以下是整个if帮助显示我的问题：

可能与您的问题无关，但在“each”循环中，您更改了页面的url（window.location.href=“Confirmation.html”），因此仅在分析第一个输入后才会更改页面

---

也许你应该把这一行从循环外删除。

Hospital/FName/LName每个Fiddle只需要atm似乎它需要在按钮点击功能运行之前首先进行验证，如果有办法做到这一点，我已经将它移动了，似乎是唯一的工作场所，并且仍然包括存储/一些验证。

     function clicked() {
   if (confirm('Are you sure you want to submit? You will not be able to go back.')) {
        form.submit();

   } else {
       return false;
   }
}

 $('form').submit(function() {
    var person = $("#FirstName").val() + "." + $('#LastName').val();
 $('input, select, textarea').each(function() {
    var value = $(this).val(),
       name = $(this).attr('name');
       localStorage[person + "." + name] = value;
       window.location.href = "Confirmation.html";
    console.log('stored key: '+name+' stored value: '+value);
});   
});