HTML5文本字段未正确验证

时间:2013-10-28 20:05:29

标签: javascript jquery html5 local-storage

我有一项调查显示'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/

1 个答案:

答案 0 :(得分:0)

也许它与你的问题无关,但在你的“每个”循环中,你改变了页面的网址( window.location.href =“Confirmation.html”; )所以页面仅在分析第一个输入后才会更改。

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