Skip to content

Doc examples for using with jQuery .submit() event handler #84

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wphampton wants to merge 6 commits into
base: 1.10-dev
Choose a base branch
from
Open

Doc examples for using with jQuery .submit() event handler #84

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
a516111
Update README.md
wphampton Jul 16, 2015
708da15
Merge pull request #1 from wphampton/wphampton-docforissue31
wphampton Jul 16, 2015
34c6a26
Update README.md
wphampton Jul 16, 2015
69b0b5b
Merge pull request #3 from wphampton/wphampton-patch-2
wphampton Jul 16, 2015
c22a8a7
Additional var scoping
wphampton Oct 13, 2015
8809e8a
Merge pull request #4 from wphampton/patch-3
wphampton Oct 13, 2015
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
19 changes: 19 additions & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -160,6 +160,24 @@ $(function() {
}
}

/*
* Usage with a custom jQuery .submit() event handler and validation
* Important to bind Are-you-sure to your form prior to binding your custom submit event handler
* This way you can have the form rechecked for dirtiness if your validation fails.
*/
// Initialize/Bind Are-you-sure to your form first
$('#myform').areYouSure();
// Custom submit event handler defined second
$('#myform').submit(function (event) {
if (validation_fails) {
// Force Are-you-sure to recheck the form since we're not leaving the page afterall
$('#myform').trigger('checkform.areYouSure');
// ... Show message to user, log errors...etc
// Prevent form from completing the submit process
event.preventDefault();
}
});

}
```
The [demo page](http://www.papercut.com/products/free_software/are-you-sure/demo/are-you-sure-demo.html)
Expand Down Expand Up @@ -208,6 +226,7 @@ known integration methods:

* [Chosen jQuery Plugin](http://harvesthq.github.io/chosen/) - Integration discussed [here in issue #48](https://github.com/codedance/jquery.AreYouSure/issues/48)
* [Redactor WYSIWYG html editor](http://imperavi.com/redactor) - Integration discussed [here in issue #17](https://github.com/codedance/jquery.AreYouSure/issues/17)
* [jQuery Submit Handler](http://api.jquery.com/submit/) - Integration discussed [here in issue #31](https://github.com/codedance/jquery.AreYouSure/issues/31). See Advanced Usage example above.

###Known Issues & Limitations

Expand Down
6 changes: 3 additions & 3 deletions jquery.are-you-sure.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -88,7 +88,7 @@
return;
}

$fields = $form.find(settings.fieldSelector);
var $fields = $form.find(settings.fieldSelector);

if (settings.addRemoveFieldsMarksDirty) {
// Check if field count has changed
Expand All @@ -102,7 +102,7 @@
// Brute force - check each field
var isDirty = false;
$fields.each(function() {
$field = $(this);
var $field = $(this);
if (isFieldDirty($field)) {
isDirty = true;
return false; // break
Expand Down Expand Up @@ -156,7 +156,7 @@
if (!settings.silent && !window.aysUnloadSet) {
window.aysUnloadSet = true;
$(window).bind('beforeunload', function() {
$dirtyForms = $("form").filter('.' + settings.dirtyClass);
var $dirtyForms = $("form").filter('.' + settings.dirtyClass);
if ($dirtyForms.length == 0) {
return;
}
Expand Down