2013-10-28 47 views
0

我有一個調查,「Onclick」應該驗證必填字段填充,存儲到本地存儲,並導航確認頁面。當需要的1未被填充時,它工作並且不在本地存儲,但是它不提示用戶需要填充哪個字段。所以從技術上講,它只是驗證而不是按照它假設的方式提示用戶。HTML5文本字段沒有正確驗證

目前:

<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/

+0

醫院/ FName/LName只需要每個提琴的atm – user1

+0

似乎需要在按鈕點擊功能運行之前首先進行驗證,如果有方法可以完成該操作 – user1

回答

0

也許這是不相關的問題,但在你的 「每個」循環,您更改頁面的網址(window.location.href =「Confirmation.html」;),因此頁面將在分析後更改僅限第一次輸入。

也許你應該刪除循環外的這條線。

+0

我已將它移動並似乎是唯一可以工作的地方並且仍然包括存儲/一些驗證。 – user1