用图像按钮调用js函数用php而不提交

时间:2013-08-18 10:31:54

标签: php javascript form-submit imagebutton

我正在编码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函数(delete_exe())调用并执行时,则自动提交。 我不希望这样。有没有解决方案或替代代码? 我可以为我的按钮设置提交吗?

提前致谢。

ps在我的代码中我提交表单并提交输入

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

2 个答案:

答案 0 :(得分:0)

使用

return false; 

delete_exe();函数的末尾。这将取消提交。

答案 1 :(得分:0)

确定。我找到了解决方案。我改变了我的帖子

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;

我不知道这些是否是最佳解决方案,但它对我有用!