malsup jQuery Form: How to enable submit button after form is bound
Guys, I have a form with image preview using malsup Jquery Form
But when I submit the form, the submit button has got no action. I know it's been defaultPrevent-ed by the Plugin to run an AJAX call. I don't know how to enable the button. how do I do it?
<form id="multiple_upload_lampiran"
method="post"
name="multiple_upload_lampiran"
action="lampiran_upload.php"
enctype="multipart/form-data">
<input type="hidden"
name="image_lampiran_submit"
value="1"/>
<div class="row">
<input type="file" id="lampiran-images"
class="lampiran_file" name="lampiran[]" multiple>
</div>
<div class="row">
<div class="input-field col s4">
<div class="lampiran-gallery"
id="lampiran-preview"></div>
</div>
</div>
<input type="text" name="C4"
required/> <-- I need this value,
but the form prevented me T_T
<input type="submit" id="submit-lampiran"
class="btn green right" name="edit"
value="Simpan" /> <-- this button can't be clicked
<a class="btn orange waves-effect waves-light"
href="?page=nilai">Back</a>
</form>
// jQuery Form only for image preview
$('#lampiran-images').on('change',function() {
$('#multiple_upload_lampiran').ajaxForm({
target: "#lampiran-preview",
beforeSubmit:function(e) {
//
},
success:function(e) {
//
},
error:function(e) {
//
}
}).submit()
})