提交表单上的禁用按钮

-2

你好，我使用基础数据 - 在我的表单中输入验证，这里是我的代码。在我的index.php这里是代码提交表单上的禁用按钮

<a href="upload-photo.php" data-reveal-id="uploadModal" data-reveal-ajax="true">Add Photo</a> 
<div id="uploadModal" class="reveal-modal tiny" data-reveal></div>

每当我点击上传照片，上传-photo.php在模式显示出来。在模式中它包含此代码

<form action="<?= $_SERVER['PHP_SELF']; ?>" method="POST" enctype="multipart/form-data" data-abide name="formupload" id="uploadID"> 
<div class="photo-field"> 
<input type="file" name="file_img" pattern="^.+?\.(jpg|JPG|jpeg|gif|png|PNG)$" required> 
<small class="error">Upload JPG or PNG only.</small> 
</div> 
<div class="title-field"> 
<input type="text" name="img_title" placeholder="Image title" required> 
<small class="error">Image title is required.</small> 
</div> 
<input type="submit" value="Upload Image" name="btn_upload" class="button"> 
</form>

如果我曾经想使用这样的脚本并单击提交按钮，它不起作用。它只是在页面中显示upload-photo.php，而不是以模式显示。

$('form#uploadID').submit(function(){ 
    $(this).find('input[type=submit]').attr('disabled', 'disabled'); 
});

什么是提交表单然后禁用按钮的可能方式，所以没有人可以通过垃圾邮件点击它？谢谢！

来源

2015-05-18 FewFlyBy

什么是对这个问题的不同：http://stackoverflow.com/q/30284668？ – Rizier123

只需将该ID提交给该提交按钮并禁用该按钮 –

这是什么意思'它不起作用？您必须注意提交将触发页面重新加载。因此，禁用的按钮将再次启用 – empiric

使用此

$('#uploadID').submit(function(){ 
    $('#uploadID input[name=btn_upload]').prop('disabled', true); 
});

来源

2015-05-21 12:41:28

提交表单上的禁用按钮

回答

相关问题