Skip to content

Instantly share code, notes, and snippets.

$('form[data-submit=validate]').on('submit', function() {
var form = $(this);
return form.validate({
error: function(fields) {
fields.each(function() {
var field = $(this);
field.closest('.form-group').addClass('has_error');
field.on('focus', function() {
field.closest('.form-group').removeClass('has_error');
field.off('focus');
@RimonEkjon
RimonEkjon / JQuery- Ajax Form submission
Last active August 29, 2015 14:05
Ajax Image upload without refreshing the form
$(document).ready(function() {
var options = {
target: '#output',
beforeSubmit: beforeSubmit,
success: afterSuccess,
resetForm: true
};
$('#MyUploadForm').submit(function() {
$(this).ajaxSubmit(options);
var form = $('#contactForm');
form.submit(function(event) {
$.ajax({
type: form.attr('method'),
url: form.attr('action'),
data: form.serialize(),
success: function (data) {
alert('ok');
}
});
$(document).ready(function() {
$(".ajax_request").bind('ajax:before', function(evt, status, data, xhr) {
showAjaxLoading();
});
$(".ajax_request").bind('ajax:complete', function(evt, status, data, xhr) {
hideAjaxLoading();
});
var $form = $('#your-form');
$form.on('submit', function(evt){
evt.preventDefault();
$.ajax({
url: $form.attr('action'),
type: $form.attr('method'),
data: $form.serialize(),
success: function(data){
var spinner = $('#ajax-spinner');
$(document).ajaxSend(function() {
$('input[type=submit]').attr('disabled', 'disabled');
$('#warningBox').hide();
spinner.show()
}).ajaxStop(function() {
$('input[type=submit]').removeAttr('disabled');
spinner.hide()
});
@RimonEkjon
RimonEkjon / JQuery- MVC ajaxForm.js
Last active August 29, 2015 14:05 — forked from jlarsson/ajaxform.js
JQuery- MVC ajaxForm.js
/*
Canonical ASP.NET MVC usage
// site.css
.ajax-progress-show, .ajax-progress-error { display: none; }
// index.cshtml
@Html.Partial("partial",new SampleModel())
// partial.cshtml
@RimonEkjon
RimonEkjon / Jquery-ajaxForm-Submit-2.js
Last active August 29, 2015 14:05 — forked from ZackMattor/form.js
Jquery-ajaxForm-Submit
$('.ajax-forms').submit(onAjaxFormSubmit);
var onAjaxFormSubmit = function(evt) {
evt.preventDefault();
var $form = $(this);
var data = $form.serialize();
var path = $form.attr('action');
@RimonEkjon
RimonEkjon / JQuery-ajaxForm spinner
Last active August 29, 2015 14:05 — forked from malsup/gist:2961651
JQuery-ajaxForm spinner example
$('form').submit(e) {
e.preventDefault();
$(this).ajaxSubmit({
beforeSubmit: function() {
// code to show spinner
},
complete: function() {
// code to hide spinner
}
});
@RimonEkjon
RimonEkjon / jQuery-ajaxForm-Uploader
Last active August 29, 2015 14:05 — forked from dustym/gist:3556
jQuery-ajaxForm-Uploader
$('#file').change(function() {
$("#uploader").ajaxForm({iframe: true, success: success}).submit();
})