jQuery validation

I have been looking at adding ckeditor to some forms to allow some text formatting, but this has broken the jQuery validation.

Am looking online for solutions, and there are quite a few kicking about, but they tend to be specific to particular flavours of the jQuery validation.

Is the one used in the WA extensions a particular one I should be looking out for?

Sorry, the clue is in the (file)name - h5validate.js?

Jquery validation should work fine with a ckeditor text field on the page. Do you have a sample URL where it isn't working properly? I can take a look and see what the issue is.

Thanks Ray.

The jquery validation seems to be working on that page... what should I be looking at?

I do see another unrelated javascript error on the page... you should move the jquery includes:

<script src="../_/js/jquery.js"></script>
<script src="../_/js/foundation.min.js"></script>

to the top of the page since you have a script referencing jquery up there:

<script type='text/javascript'>
$(document).ready(function(){
$('.popbox').popbox();
});
</script>

Its working on the fields without the text editor, but it would be good to also validate the Document Details field with the text editor. Or can you see that one working too?

Thanks for the spot on those script references - have moved them up to the header.

I've made an update to DataBridge so that you can do validation on html editor fields. Just reinstall the latest version and update the jquery validation script and htmleditor code.

You will still have to manually add the validation code to the html editor instance for now. In the code just before the line that reads:
$CKEditor->editor(

add lines like:

$CKEditor_config["props"] = array();
$CKEditor_config["props"]["required"] = true;
$CKEditor_config["props"]["min"] = 20;
$CKEditor_config["props"]["max"] = 1000;

min and max are optional and can be used to set the number of characters allowed.

The effected files that need to be updated are:
/webassist/ckeditor/ckeditor_php4.php
/webassist/ckeditor/ckeditor_php5.php
/webassist/jq_validation/jquery.h5validate.js

I've also attached them in a .zip so you can replace them without having to re-apply any of the code in Dreamweaver.

Thanks Ray - although I think the issue might be confused as I downloaded CKeditor separate to any WA stuff.

So there is just the reference to:

<script src="../ckeditor/ckeditor.js"></script>

And this code after each text area:

<script>
CKEDITOR.replace( 'details' );
</script>

So I don't see the line:

$CKEditor->editor(

I did have a feeling CKeditor used to be built into some WA stuff, but couldn't see it, so found it on their site.

I did use this one years ago on another site, with CKeditor / WA, and dug out an old page.

Continued below...

In that case, just use the new jquery.h5validate.js and add the required attribute to the ckeditor textarea.

Did you upload the webassist/ckeditor folder? That would be necessary to have it display properly.

Thanks Ray - just looking at that.

The version currently uploaded (attached blow) references the new jquery.h5validate.js file.

And I have added <?php require_once("../webassist/ckeditor/ckeditor.php"); ?> to the top of the page and uploaded the webassist/ckeditor folder.

And have the required attribute on the text area that the CKeditor replaces - but not sure if something needs to go in this part:

<script>
CKEDITOR.replace( 'details' );
</script>

like you posted above, but I can't get it to work, e.g.:

<script>
$CKEditor_config["props"]["required"] = true;
CKEDITOR.replace( 'details' );
</script>

or

<script>
CKEditor_config["props"]["required"] = true;
CKEDITOR.replace( 'details' );
</script>