Practical WordPress Development

Using jQuery Confirm To Enhance Your User Interface

When it comes to building themes, plugins, and other projects on top of WordPress, I think there is room for improvement when it comes to introducing basic user interface principles.

For example, I’ll be the first to admit that there are certain things I know – such as make users confirm before completing a destructive action – that I’ve not always done regularly.

I’m significantly better at putting these things in place now than I once was, but it’s little details like this that can really set your work apart from others and that can enhance the user experience. Not to mention, a lot of this stuff is backed by research in psychology.

Anyway, I’m all for sharing various tools and utilities that help make our lives as developers a bit easier especially when it comes to improving our user interfaces.

jQuery Confirm is one such plugin.

jQuery Confirm For Confirming Destructive Actions

jQuery Confirm

Simply put, jQuery Confirm is a plugin that makes it easy to have any element display a confirmation prior to completing whatever action the original element intends to trigger.

For example, if you have an anchor with the ID of “delete,” then in the most basic case, you’d do this:

$('#delete').confirm();

This would then introduce an anline message that says:

Are You Sure? Yes / No

Which can be easily styled to match your particular project.

Of course, the plugin supports a variety of options such as the types of buttons to display, the message, the wrapper element, and so one It’s really easy to use and easily customizable and extendable.

Highly recommend this plugin for its single purpose implementation, and its ease of use.

6 Comments

  1. Jean Galea

    Would be nice to see a demo for doing this when deleting a plugin, asking whether the user wants to delete the plugin AND data created with it (such as custom post types) or just the plugin and its settings.

    • Tom McFarlin

      Noted!

      I’ll see if I can’t put together a demo sometime in the future. I’ve got a backlog of stuff over the next week weeks, but I’ll put this in the hopper.

  2. Dev

    Nice plugin

  3. Maneet Puri

    Great Post Tom!
    Very Useful, and essential functionality that every webmaster would need!

    • Tom McFarlin

      Definitely think that people who are writing interactive applications would benefit from this!

Leave a Reply

© 2020 Tom McFarlin

Theme by Anders NorenUp ↑