只有在第二次点击

Question

我试图让我的javascript工作，但我必须在最初执行之前点击提交按钮两次。之后它似乎正常工作。

<script type="text/javascript">
function validation() {
    var home = document.forms["frmTest"]["phone-number"].value;
    var mobile = document.forms["frmTest"]["mobile-number"].value;
    var validPhone = true;
    var errorMessage = ""

    if (home == "" && mobile == "") {
        errorMessage = "You must fill in at least 1 phone number";
        validPhone = false;
    }
    if (validPhone) {
        return true;
    }
    else {
        document.getElementById("mobile-number").setCustomValidity(errorMessage);
        document.getElementById("btnSubmit1").click();
        //alert(errorMessage);
        return false;
    }

}

HTML：

<form enctype="multipart/form-data" style="margin:0px; padding:0px " action="thankyou-test.php"
                      method="post"
                      name="frmTest"
                      id="frmTest"
                      onsubmit="return validation();"
                >

...

<tr>
                                <td width="50%"><input id="phone-number" placeholder="Phone Number"
                                                       name="phone-number"
                                                       maxlength="11" type="text" pattern="^(01|02|03)\d{8,9}"
                                                       title="UK Phone numbers must begin with 01, 02, 03 and be 10 or 11 characters in length"></td>
                                <td width="50%"><input id="mobile-number" placeholder="Mobile Number"
                                                       name="mobile-number" maxlength="11" type="text"
                                                       pattern="^(07)\d{8,9}"
                                                       title="UK Mobile numbers must begin with 07 and be 10 or 11 characters in length"></td>
                            </tr>

请帮忙！一切正常，但我最初需要点击两次。