php - 使用 php 调用带有图像按钮的 js 函数而不提交

Question

我正在编码 php，我想使用图像按钮来调用函数。

$del= "<input type='image' src='delete.png' name='delete_cat' value='{$cat_name}' onclick='delete_exe(this.form,this.name,this.value)'  >";

此按钮进入提交表单

<form method="post" action="caffe_menu_category_post.php">

/form>

我的问题是，当 js function( delete_exe()) 调用并执行时，会自动提交。我不想要那个。有没有解决方案或替代代码？我可以为我的按钮设置提交吗？

提前致谢。

ps 在我的代码中，我使用提交输入提交表单

input type = "submit" value = "Submit Your Entries"> 

Answer 1

利用

return false; 

在您的delete_exe();功能结束时。那将取消提交。

Answer 2

好的。我找到了解决方案。我更改了我的帖子形式

form name="myForm" method="post" action="caffe_menu_category_post.php" onsubmit="return validateForm()">

并使用 javascripts

var val=true;
        function delete_exe(sel,kind,name){
                //Set val false to stop submit
                val=false;                          
        }


    function validateForm(){
        if(!val){
            //Stop submit
            return false;
            }
        }

所以自动提交停止。另一方面，当单击提交按钮时，我调用 js 函数来设置 val=true;

我不知道这些是否是最好的解决方案，但它对我有用！