javascript - 从提交函数触发 onSubmit

Question

是否可以通过调用来触发表单的onSubmit事件

function submitEdit(){
    document.getElementById("edit").submit();
};

这种方式行不通

表格:

echo "<form id='edit' onsubmit='validate(flag, typeFlag)' method='post' style='width: 100%;height:86%;'>";`

onSubmit 事件:

window.flag=false;
var typeFlag;

    function validate(flag, typeFlag) { 
        if   ( (flag==true) && (typeFlag==true) ){
            document.getElementById("edit").setAttribute('target', '_self');
            document.getElementById("edit").action ="date.php";
        } else if ( (flag==true) && (typeFlag==false) ){
            document.getElementById("edit").setAttribute('target', '_blank');
            document.getElementById("edit").action ="date_PDF.php"; 
        } else
            alert("Select an aircraft");
    } 

我做得对吗？我需要通过单击单选按钮来提交此表单。

echo '<td class="c3" style="color: #f79393">
                                <div class="radio">
                                    <label><input type="radio" name="name_check" onclick="typeFlag=true; submitEdit();" class="c3" value="in" id="c3" '; if($flag) echo'checked'; echo '>in</label>
                                </div>
                              </td>';

谢谢!

Answer 1

表单上的手动“提交”功能不会触发“提交”事件，因此您必须触发它。

function submitEdit(){

var ele = document.getElementById('edit');
    ele.submit();
  

var event = new Event('submit', {
    'bubbles': true,
    'cancelable': true
});
ele.dispatchEvent(event);

}
submitEdit();

function validate() {
  console.log('form submitted');
}

<form id='edit' onsubmit='validate()' method='post' style='width: 100%;height:86%;'>
<input type='text' value='name'/>
</form>