在提交表单上禁用按钮

时间:2015-05-18 11:52:54

标签: javascript php jquery zurb-foundation

您好我在表单中使用基础数据 - 输入验证,这是我的代码。在我的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>

每当我点击添加照片时,upload-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');
});

提交表单然后禁用按钮的可能方法是什么,所以没有人可以点击垃圾邮件?谢谢!

1 个答案:

答案 0 :(得分:0)

使用此

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