如何禁用表单提交按钮并上传表单数据

时间:2016-10-29 01:20:51

标签: javascript php jquery forms

你好我已经设法在点击时禁用了提交输入,但我在PHP ifisset运行时遇到的问题在禁用输入提交后没有将参数存储在数据库中,但是在我的研究和测试后它没有上传输入到表单的数据但禁用了按钮但是当我删除Jquery代码时没有采取任何操作并且图片上传它这是我的代码

 //input submit works if not disabled but does not run if disabled after onclick which i feel when the button is disabled the form submit has no name valid
<script>
$(function() {
  $('#theform').submit(function() {
    $("input[type='submit']", this)
      .val("Please Wait...")
      .attr('disabled', 'disabled');
    return true;
  });
});
</script>

//My form
<form action="" method="post" role="form" id="theform" enctype="multipart/form-data">
  <input type="file" name="file">
  <input type="submit" name="sub" value="UPLOAD">
</form>

1 个答案:

答案 0 :(得分:0)

  

我想要的是不允许用户不提交两倍的值

在这种情况下,我会将提交事件和表单数据本身的按钮与type="button"一起用于&#34;提交&#34;按钮并使用隐藏的input作为sub值,如下所示:

&#13;
&#13;
$(function() {
  $('.submit').click(function(){
         $(this).prop("disabled",true).val("Please Wait...").closest('form').submit();
  });
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="" method="post" role="form" id="theform" enctype="multipart/form-data">
  <input type="file" name="file">
  <input type="hidden" name="sub" value="UPLOAD">
  <input type="button" class="submit" value="UPLOAD">
</form>
&#13;
&#13;
&#13;