Onclick事件无法使用提交类型按钮

时间:2014-09-06 12:23:52

标签: javascript php html

我是PHP和HTML的新手,我正在使用表单和提交按钮处理网页,我想将提交按钮作为ref按钮,即在将信息提交到数据库后将引用其他页面。我的问题是,我连接页面与PHP和转发信息与数据库,onclick事件什么都不做,否则它工作正常。我试过了

    onclick="location.href='https://www.google.com';">

我甚至厌倦了创建一个函数来引用一些链接并在onclick事件中调用它但没有用。

P.S

很抱歉,如果我问了一些有趣的话。

3 个答案:

答案 0 :(得分:0)

您应该使用window.location

onclick="window.location='https://www.google.com'"

但是不应使用onclick属性,而应将事件直接附加到元素。 如果你使用jquery,这可能是

<button id="mybutton" />

和脚本

$('#mybutton').on('click', function(e) {
    window.location = "http://www.google.com";
    e.preventDefault();
});

但在这种情况下,您的表单尚未提交。如果要将表单提交到服务器,然后重定向,则应使用

header('Location: http://www.google.com');
执行脚本后,

是一个http重定向

答案 1 :(得分:0)

像Ram Sharma所建议的那样使用像这样的东西

 <form method="post" action="mypage.php">
        <input type="text" name="name" value="RN">
    <button type='submit' name="submit" value="Submit">submit</button>
</form>

然后在mypage.php

    if($_POST['submit']){
       //save to database 
        header("Location: myotherpage.php");
       exit();
    }

答案 2 :(得分:0)

可以有不同的方式

1)您可以将一些javaScript功能调用到redirect页面

<script type = "text/javascript">
   function redirectUser(){
       window.location = "http://www.yoururl.com";

       window.navigate("http://www.yoururl.com"); //works only with IE
   }
</script>

<form>
    <button name="myBtn" value="Submit" onclick = "redirecrUser()">Submit</button>
</form>

2)您可以创建一个styling的链接,使其看起来像redirect的按钮

<style>
    .linkToBtn{
        text-decoration: none;
        color: #ffffff;
        background-color: black;
        font-size: 20px;
        padding: 5px;
    }
</style>
<a href = 'yourUrl.com' class = 'linkToBtn'>Submit</a>

3)您可以使用redirect

PHP
<form method = 'post' action = ''>
    <input type = 'submit' name = 'submitBtn' value = 'Redirect' />
</form>
<?php
    if(isset($_POST['submitBtn'])){
        header('Location: yourURL.com');
    }
?>