Javascript 页面加载时表单自动提交

如何阻止表单自动提交？目前，页面加载后立即执行下面指示的控制器功能（deleteAccount），而只有在单击按钮时才应触发该功能

有关路线：

Route::resource("myaccount", "MyAccountController");

Route::get("myaccount", "MyAccountController@deleteAccount");

相关控制器功能：

public function deleteAccount(){    

    $user = \Auth::user();

    \Auth::logout();

    $user->delete();

    flash()->success("Account Deleted Successfully!");

    return redirect("/");

} 

相关视图代码：

{{ Form::open(array('action' => 'MyAccountController@deleteAccount')) }}

{{ method_field('get') }}

<button type="submit">Delete Account!</button>

{{ Form::close() }}

{{Form:：open（数组（'action'=>）MyAccountController@deleteAccount')) }}
{{method_field（'get'）}
删除帐户！
{{Form:：close（）}}

尝试按如下方式编写函数

public function deleteAccount(){    
if(isset($_GET)){
    $user = \Auth::user();

    \Auth::logout();

    $user->delete();

    flash()->success("Account Deleted Successfully!");

    return redirect("/");
}} 

---

感谢您的回复@Mitesh Pant。原来这段代码还不错。我犯的唯一错误是将此表单“包装”到另一个表单中，徒劳地尝试设置表单按钮的样式。我应该用那个好的老div标签！我认为结果是DOM无法执行隐藏的delete方法，即使它可以读取它