CheckValidity（）在表单中的单个字段上

Question

我对CheckValidity()有疑问。我有一个带有两个按钮的表单，一个需要一个字段（检查），另一个需要2个（添加）。

<form id="form" name="form">

    <input required type="text" name="test1" id="test1" class="testfields"value = "<?php echo (isset($checkTEST))?$checkTEST:'';?>"> <p></p>
    <input required type="text" name="test2" id="test2" class="testfields" value = "<?php echo (isset($checkTEST2))?$checkTEST2:'';?>"> <p></p>

    <div id="checkbutton">      
        <button id="Check" name="check" class="submitter" >Check</button>
    </div>  
    <div id="addbutton">
        <button id="Add" name="add" class="submitter">Add</button>
    </div>  
</form>

$(".submitter").click(function(e){                 
    if(e.target.id !== "Check")
    {
        if($("#form")[0].checkValidity())
        {
            formSubmitted(this.name);
        }
    }
    else
    {
        if($("#form")[0][1].checkValidity())
        {
            formSubmitted(this.name);
        }
    }

});

对于添加部分，它工作正常，对于检查部分，行为也是正确的（如果填写或不填写表格，则提交或不提交），但我仍然在第二个字段上有“请填写此字段” 。那是为什么？