HTML表单按钮值未在Safari和Chrome中发布

Mik*_*ike 13 html php forms jquery post

我点击按钮时使用jQuery提交表单.然后,我想测试按钮的值,但是,这不会在Safari和Chrome中提交.为什么?有工作吗?

在IE/FF中测试以下代码以查看它是否有效,然后在Safari/Chrome中测试它以查看它没有:

ButtonPostTest.php:

<?php
    if(isset($_POST['testBtn'])) {
        echo $_POST['testBtn'];
    }
?>
<html>
    <head>
    <title></title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $('#btn').click(function() {
                    $('form').submit();  // submit the form
                });
            });
        </script>
    </head>
    <body>
        <form action="" method="post">          
            <button id="btn" class="page-btn" type="submit" name="testBtn" value="Yes Button value is posted!">POST IT!</button>
        </form>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

更新:

同样的事情发生在input:

<input id="btn" class="page-btn" type="submit" name="testBtn" value="Post this"></input>
Run Code Online (Sandbox Code Playgroud)

此外,这只是在使用jQuery提交时的一个问题.submit()- 如果没有这个,它可以使用按钮或输入提交.

小智 6

给它起个名字.

<button type='submit' id='trash' name='trash' value="trash" class='red'>
Run Code Online (Sandbox Code Playgroud)


Vin*_*ins 0

<button><input>是两个不同的标签。如果您想提交按钮值,请使用<input>标签。