具有功能的onclick不能在按钮单击时运行功能

时间:2019-09-03 06:49:02

标签: javascript php

当我在不通过PHP提交表单的情况下单击表单上的提交按钮时,我正在尝试运行一个函数。

我尝试使用onclick="return func_name();"onClick="return func_name();",但这对我没有用。还尝试将按钮的输入类型从submit更改为button,但即使这样也没有用。 else条件内的php if可以运行,无论该函数内部是否有return false

php提交-

if(isset($_POST['submit']))
{
    if($username!='')
            {
                $sql_add="INSERT into work_transaction(work_date,from_time,to_time,work_total_hours,project_name,work_module,task,wprk_description,emp_name,add_date,assigned_by,ticket_no,title, is_billable) values ('$regdate','$fromtime','$totime','$tothr','$OTHP','$module','$_POST[title]','$_POST[worksdetail]','$username','$adddate','$_POST[assignText]','$_POST[ticket_no]','$_POST[title]', '$_POST[is_billable]')"; 
                //echo $sql_add;exit();
                $query_add=mysqli_query($GLOBALS["___mysqli_ston"], $sql_add) or die(mysqli_error($GLOBALS["___mysqli_ston"]));
                if(!$query_add)
                {           
                    ?>
                    <script type="text/javascript">
                        alert("Your Task Details have not been added");
                    </script>
                    <?php
                }
                else{
                    ?>
                    <script type="text/javascript">
                        alert("Your Task Details has been added successfully");
                        var r = "Your Competitor Details has been added successfully";
                        window.location="add_working_details.php";
                    </script>
                <?php
                }
            }
    }
else{}

函数-

function submit(){
    alert("dont submit");
    return false;
}

“提交”按钮-

<input type="submit" name="submit" value="submit" id="submit" onclick="return submit();">

预期的输出应该是显示消息的警报,但不是,不确定我在做什么错。 感谢您的提前帮助!

1 个答案:

答案 0 :(得分:1)

像下面的代码一样使用preventDefault。 preventDefault将阻止所有默认事件,然后您就可以在代码上运行

document.getElementById("mybutton").addEventListener("click", function(event){
  event.preventDefault();
  console.log('preventing')
});
<button id="mybutton">Submit</button>