Use jQuery to validate the name and comment fields in sNews

Matt

Sun, 01 Apr 2012 20:33:02 +0000

You need jquery to be loaded before my script.

This doesn't affect the sNews comment function, as it's javascript it all runs client-side. Basically it just checks the fields & if there's an error it shows the alert & prevents the form from being submitted.

Nope, no changes needed to any code inside sNews.

I'm puzzled now, I will definitely have to install a copy of sNews 1.6 & investigate.

keyrocks

Sun, 01 Apr 2012 16:41:45 +0000

No, nothing online. I develop on localhost. A few questions:

1) Do we need jquery 1.71 available, or the script alone?
....... I've tested both ways, and with the script in the rather than importing from outside index.php. No difference.

2) How would function comment know to over-ride the default message and use the script to show error messages as an overlay?
...... Just typing 1 character in the textarea and submitting the form just invokes the default sNews error message - "Your comment was not sent. Possible reasons:" which are generated in the function by the language values for $commentStatus and $commentReason. Following that, I'm redirected back to the page viewed before submitting.

3) Are any changes required to function comment?

Matt

Sat, 31 Mar 2012 15:25:42 +0000

I just found an sNews 1.6 install, viewed the source & copied the comment form into the fiddle and it works.

I've updated it.

http://jsfiddle.net/mdjus/uw3ZN/

Do you have a stock 1.6 install I could take a quick look at?

Matt

Sat, 31 Mar 2012 15:12:27 +0000

Hmmm, I will see if I can install 1.6 sometime & have a go at it. Very strange though, the field IDs in the jsfiddle are from 1.6 I thought, and that's what the jquery script checks onsubmit.

keyrocks

Sat, 31 Mar 2012 01:23:02 +0000

Thanks Matt.
I'm using the JQuery 1.5 Library and its corresponding min file, either one, same non-response.

Tried replacing the js script with the jsfiddle script, the default comment form just returns the default "Your comment was not sent" along with the suggested problems with a back link. Tried replacing the section within the default comment function with the plain HTML form from jsfiddle... nothing.

I have your email and gravatar mods in another 1.7 project, so tried it with that one... no response with either.

I don't need this mod... only suggested phpmyadmin check your site to see if you had it since he was looking for it, then he posted that he couldn't use it for 1.6, so I thought I'd give it a quick try. I'm puzzled. I'm also illiterate when it comes to jscript. Cheers :-)

Matt

Fri, 30 Mar 2012 16:06:13 +0000

Hi keyrocks,

This was kind of designed to go with the email field for my gravatar mod. The default sNews install just has a URL field I think.

Try the javascript (bottom left-most box) from this jsfiddle I made.

http://jsfiddle.net/mdjus/uw3ZN/

keyrocks

Fri, 30 Mar 2012 13:49:56 +0000

Hi Matt:
OK... so how does this work? I'm testing in a default 1.7 install offline.
I have the minified script for snews-form-validate.min.js in the root/js folder, and linked to it in index.php. Jscript is working fine in my FF with other JQuery projects, but nothing appears to apply to the comment or contact form... no popups reminding the user to do anything with empty fields.

What might I be missing?

Casper Driver

Sat, 09 Apr 2011 08:27:19 +0000

nice nice thanks...

reey

Fri, 25 Mar 2011 00:08:16 +0000

thanks........

Matt

Tue, 27 Apr 2010 16:57:57 +0000

Code has been updated to work with the contact form as well.

It will check for empty values for names and emails (very basic, no regex... and on contact page only, not for comments so it will work with my gravatar mod), as well as the message/comment text area.