HTML5文本字段没有正确验证

Question

我有一个调查，“Onclick”应该验证必填字段填充，存储到本地存储，并导航确认页面。当需要的1未被填充时，它工作并且不在本地存储，但是它不提示用户需要填充哪个字段。所以从技术上讲，它只是验证而不是按照它假设的方式提示用户。

目前：

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

JS

 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); 
}); 
}); 

这里是整个如果有助于展示我的问题：http://jsfiddle.net/Axhn4/

Answer 1

也许这是不相关的问题，但在你的 “每个”循环，您更改页面的网址（window.location.href =“Confirmation.html”;），因此页面将在分析后更改仅限第一次输入。

也许你应该删除循环外的这条线。