使用php调用带有image Button的js函数，无需提交

Question

Im正在编写php，我想使用image按钮来调用函数。

$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函数（delete_exe()）调用并执行时，会自动提交。我不想那样。是否有任何解决方案或替代代码？我可以为我的按钮设置提交吗？

提前谢谢。

ps在我的代码中，我提交带有提交输入的表单

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

Answer 1

使用

return false; 

在CCD_ 2函数的末尾。这将取消提交。

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；

我不知道这些是否是最好的解决方案，但对我来说是可行的！