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