javascript - 如果我使用 type = 按钮，HTML 5 验证就会消失

Question

我有这个表格(请注意，这只是表格的一部分，还有另外 2 部分):

<form action="index.php?s=2468" id="multiphase" method="post" class="form-horizontal">
<fieldset>
<label class="form-controlradio"> 
<input id="1-0" type="radio" class="custom" name="answer_16e0807d-5612-11e5-824b-22000a699fb3" required="" value="EPOS programma">
EPOS programma </label>
<label class="form-controlradio"> <input id="1-1" type="radio" class="custom" name="answer_16e0807d-5612-11e5-824b-22000a699fb3" required="" value="Analogue Cash Register">
Analogue Cash Register </label> 
<label class="form-controlradio"> <input id="1-2" type="radio" class="custom" name="answer_16e0807d-5612-11e5-824b-22000a699fb3" required="" value="EPOS system">
EPOS system </label>
<input type="button" value="Next" name="" onclick="processPhase1()" class="btn btn-primary" id="multiphase-element-13">
</fieldset>
</form>

该表格使用<div id="phase1">分为3步, <div id="phase2">和<div id="phase3"> 。我使用JS来显示或隐藏div的，这是代码:

function processPhase1(){
    var val1 = getRadioVal( document.getElementById('multiphase'), 'answer_16e0807d-5612-11e5-824b-22000a699fb3' );
    var val2 = getRadioVal( document.getElementById('multiphase'), 'answer_4f14f466-5612-11e5-824b-22000a699fb3' );
    if(val1.length > 1 && val2.length > 1){
        _("phase1").style.display = "none";
        _("phase2").style.display = "block";
        _("progressBar").style.width = "33%";
    }
}

问题是我需要使用 input type="button"如果我使用它，HTML 5 验证就会消失。我知道有一种 hackish 方法可以让它工作，但我不太擅长 JS

Answer 1

您必须在输入中使用“必需”。

http://www.the-art-of-web.com/html/html5-form-validation/