php - 标准提交按钮提交表单，Bootstrap V3 按钮不会提交表单

Question

我在一个页面上有两个表单。一个用于上传图像，另一个用于其他目的。

如果我使用标准提交按钮，表单提交得很好，但如果我将其切换到 Twitter Bootsrap 按钮，且名称和 ID 与标准按钮相同，则它不会提交表单。我有一些 JQuery 可以更改按钮的外观，但我已经删除了该代码，但它仍然不起作用。

   PHP Code
    if (isset($_POST['submit'])) {
    //upload functions
}

   JQuery Code
//Show Instructions When File Is Selected
    $("#file").on('change', function(e) {
               var uploadButton = $('#UploadImage');
               $(uploadButton).removeClass('btn-default');
               $(uploadButton).addClass('btn-upload');
               $("#uploadImageHolder").addClass('alert alert-danger');  
                $('#uploadStatus').html('');
                $('#uploadInstruct').html('<span><img src="../images/redarrow.png">PLEASE CLICK RED BUTTON TO UPLOAD THIS IMAGE</span>');
                $('#initMessage').html('');
                });
    //Show the Loading Screen When Upload Form Is Sent

    $("#myForm").submit(function() {
        $("#uploadSuccess").remove();
        $("#uploadImageHolder").remove();
        $.fancybox(
            '<p  class="text-center"><img src="../images/loading.gif" width="48px" height="48px"></p><p class="text-center">Please Wait While Your Image Is Processed</p>',
            {
                'modal'             : true,
                'overlayColor'      : '#000000',
                'width'             : 350,
                'height'            : 'auto',
                'transitionIn'      : 'none',
                'transitionOut'     : 'none'
            });
    });

 <form action="" enctype="multipart/form-data" method="POST" class="form-inline" role="form" id="myForm">
<div class="form-group">
<p>
    <label for="file">File input</label>
    <input id="file" name="file" type="file">
</p>
<input name="NextImageID" type="hidden" value="<?php echo $NextImageID; ?>">
<p id="uploadImageHolder">
    <button type="submit" id="UploadImage" name="submit" class="btn btn-default"><span>Upload Image</span></button><span id='uploadInstruct'></span>
</p>
</div>                      
</form>

我到处搜索，似乎无法弄清楚发生了什么。预先感谢您的帮助。

Answer 1

我认为你可以将按钮类型更改为普通按钮。

在#UploadImage.click中，您可以像这样调用表单提交操作:

$( "#other" ).click(function() {
  $( "#target" ).submit();
});

另外，表单操作为空，哪个是帖子网址？