jQuery: Validate FCKEditor using jQuery

Tim — Sat, 07 Mar 2009 10:04:46 +0000

I’ve written a quick jQuery plugin which allows you to validate an FCKEditor instancing using jQuery. This plugin will both validate FCKEditor instances both on-the-fly (as you type), and when you attempt to submit a form.

1. Download the plugin

2. Implement the plugin:

$(document).ready(function() {
if(typeof jQuery.fn.fckEditorValidate == ‘function’) {
jQuery.fn.fckEditorValidate({instanceName: ‘content’});
}
});

The full list of arguments which may appear in the brackets are:

instanceName: The name of the FCKEditor instance (default: ‘content’),
preventFormSubmit: Prevent form from submitting if FCKEditor instance is empty (default: true),
showValidationError: Show a message if the FCKEditor instance is empty (default: true),
showValidationErrorBeforeFCKEditor: Show the message before the FCKEditor on the page (default: false – i.e. shows message below FCKEditor),
validationErrorClass: CSS class to attribute to label showing validation error message (default: ‘fckValidateError’),
validationErrorMessage: Message to show when FCKEditor instance is empty (default: ‘Please complete this field’)

This is by no means an exhaustive or complete solution; you should always implement some server-side validation. Javascript cannot be solely relied upon, as users may not have it in their web browser, or may choose to disable it. There’s also some known issues with IE with the on-the-fly (as you type) validation being a bit hit and miss.

When the form is submitted, this plugin will kick in and has been tested on IE6, 7, Firefox 3 and Safari 3.

jQuery Detect Plugin Function

Tim — Sat, 07 Mar 2009 10:01:15 +0000

To help prevent Javascript errors that stop the rest of your script working, because you’ve forgotten to include a jQuery Plugin, or you have a jQuery Plugin that may not always be within scope, you can use the typeof operator to see if a plugin exists. It’s also great for debugging. You’ll need to get the function name from the plugin file. For example, to detect if the prettyCheckboxes plugin is included:

if(typeof jQuery.fn.prettyCheckboxes == ‘function’) {
// Javascript Code to Run here
alert(“prettyCheckboxes jQuery Plugin is installed!”);
}

Web Design & Build, Web Development, Logo Design & IT Consultancy - n7 Studios » jQuery

jQuery: Validate FCKEditor using jQuery

jQuery Detect Plugin Function