2
我需要對此類表單進行表單驗證。我有下一個按鈕和上一個按鈕來回答問題。現在我的問題是當我在提交的最後一個問題上跳過幾個問題時。提交之前,我需要檢查所有必填項。它不會觸發所需的輸入字段。下一個和上一個按鈕表單流的HTML表單驗證
我的代碼
<div class="divs">
<form method="post" name="form">
<div class="cls1">Q1.....<br><input type="text" name="sid" required></div>
<div class="cls2">Q2.....<br><input type="text" name="sid" value="2" ></div>
<div class="cls3">Q3.....<br><input type="text" name="sid" required></div>
<div class="cls4">Q4.....<br><input type="text" name="sid" required></div>
<div class="cls5">Q5.....<br><input type="text" name="sid" required></div>
<div class="cls6">Q6.....<br><input type="text" name="sid" required></div>
<div class="cls7">Q7.....<br><input type="text" name="sid" value="7"><input type="submit" name="submit"></div>
</form>
</div>
<button id="prev">prev</button> <button id="next">next</button>
<script src="http://code.jquery.com/jquery-2.1.1.js"></script>
<script>
$(document).ready(function(){
$(".divs div").each(function(e) {
if (e != 0)
$(this).hide();
});
$("#next").click(function(){
if ($(".divs div:visible").next().length != 0)
$(".divs div:visible").next().show().prev().hide();
else {
$(".divs div:visible").hide();
$(".divs div:first").show();
}
return false;
});
$("#prev").click(function(){
if ($(".divs div:visible").prev().length != 0)
$(".divs div:visible").prev().show().next().hide();
else {
$(".divs div:visible").hide();
$(".divs div:last").show();
}
return false;
});
});
</script>
請點擊下面鏈接查看我的代碼。
哪裏是你的驗證功能? – phpdroid
我只是要求。該HTML驗證 – Siddhu
如果你通過功能給解決方案,我也很高興:-) – Siddhu