Can you use the form validator when creating the form programatically, as in generating the form through JS and appending it to the DOM?

How can one trigger the validation from JavaScript? It is now called when submit is pressed. How could one call the form validation function from a JavaScript function (as if someone had pressed Submit on the form)?

Thanks!

In the previous question/case: I want to avoid calling $(’form’).submit(); I just want to call your form validation code

-j2

I assume calling jQuery.iFormValidate.validateForm($(’form’).find(”:input”).filter(”:not(:submit)”)); is the right way to do it?

-j2

nice CF script.

I do have a charset problem with it, and can’t solve it. I’ve been reading a lot about this on JQuery-s homepages, and googling a lot, but can’t find a solution that’s working.

I’m using it for a hungarian site, and I get back really strange characters when posting the message containing special characters (Å‘ ö é á í ű ü).

Could you advise? Thx.

very nice site!

Nice plugin! What about continuing through all fields even if an error is found? I have a form with about a dozen fields. Even though it’s unlikely a large number will be invalid, I like to plan for the worst case scenario.

Can you include several PHP files within the FormValidate function call?

Hi!
Here’s my question. I let user to add some fields in the form dynamically by pressing “Add” button (using innerHtml). How can I then tell validator to validate those new fields as well as previous? Running

$(’#formid’).FormValidate({})

on pressing “Add” button helps, but it causes my form to validate multiple times (depending on how much fields user has added).

Thanks for response, but problem still remains(
Let me explain it in more details.
For example, in my form I’ve got some div-container “A”, which contains another div “B” (which in turn contains text-input “C”); “Add”-button and submit button (not in those divs). Once user presses “Add”-button, new div created and text-input added in it:

newinput=”";
newnode=document.createElement(”div”);
newnode.innerHTML=newinput;

Than it appends in div-container “A”:

containerDivA.appendChild(newnode);

The problem is: this new added field doesn’t validates on pressing ’submit’ button, even though I still can make it validating on keyup event:

inps = $(newnode).find(”:input”).filter(”:not(:submit)”).filter(”:not(:checkbox)”);
inps.bind(”keyup”, jQuery.iFormValidate.validate);

Using

$(’#formid’).FormValidate({})

on pressing “Add”-button helps, but it causes my form to validate multiple times (depending on how much fields user has added: three fields, then validation goes three times, you can check it, e.g., by placing alert() in validateForm function - it will appear three times) when I try to submit it.

Sorry for long explanation) And thanx again!

It worked out just perfect (using $(’#formid’).unbind(”submit”);
$(’#formid’).FormValidate({});). Thanks a lot for your help!

regarding Spirik’s success in using the unbind formulation in order for the form to be resubmittable - wouldn’t you need to re-’bind’ it back?

Or is it that in this case, Spirik (you can ans too) is only needing validation while in non-live submission mode?

just curious… might very well apply to what i’m working on too

Nice plugin - almost exactly what I need. I made a modification so that you can add a ‘novalid’ class to fields that should be ignored, in this case I didn’t want users to get confused and think that they had to fill out an optional field since it would get a red border if it was blank. At line 80 I inserted:

var doValid = true;

at line 106 I inserted:

//Check for not validating
}else if($(this).hasClass(’novalid’)){
doValid = false;

and I wrapped the if(isValid) block in this:
if(doValid){
if(isValid){
…
}
}else{
$(this).removeClass(”invalid”);
$(this).removeClass(”valid”);
}

Shoot me an email if you’d like the whole modified file.

Great plugin. I think you should add something like Josh said in the last post. I had to modify it like that too, cause you don’t want a red box where a field is not required.
Thanks!

I use FormTools to process my form. The form action is: http://www.somedomain.com/dir/process.php. The form does not submit. I set the ajax to false:

<!–
$(document).ready(function ()
{
$(’#signup1′).FormValidate({
phpFile:”",
ajax:false,
validCheck: true
});
});

How can I have it submit to FormTools? Thanks for your help!

I updated to ver 1.4 and it works!

I think I may have found a bug. I have an email field, set to class=’vemail’, which I want to validate if the user enters input. But in your validateForm function, the actual validation is only run if the field is required.

I fixed this for myself by changing the validateForm function to var isValid = true; //benifit of the doubt?
$inputs.each(jQuery.iFormValidate.validate);
if($inputs.hasClass("invalid")){isValid=false;}
return isValid;


Is there some drawback to doing it my way, or is there a reason you only checked required inputs?

-Joe

Great form, works wonderfully and is so simple to use. Nice work Jeremy.

One quick question.

How would I add an action to reload the form after it has been sent. At the moment it calls the var set in the php file “Thank you for your comments!” which is nice. Is there a way to have this call that var then after say, 2 seconds, have it reload the original form in place?

Hi Jeremy,

Any word on the above note?

Checkout the contact link here

http://www.nimmbl.com/site

If you send a message, the form fades to black which is the bg color behind the parent div which is white.

Any ideas?

thanks

Hi Jeremy,

Thanks for taking a look at this. I’ll give your suggestion a try.

No, I wouldn’t, you’re right. I thought about that after looking at it again and figured that it’s fine the way it is.

I’ll let you know what I find with IE.

Chris

Hi i am facing one problem when i using the ajax jquery for validation. i have one php file to validate the my form element but the problem is when we called the $.ajax() function then we call return false so form will not be submitted but i want to submitted the form if php file validated the all form element. There are any solution to submit the form after validate the file.Thanks in Advance

sent the mail it appears
“from: anonymous@webxc….”.

How it is made in order to make to appear the mail of the sender?

Tks

tks Jeremy

I really want a page similar to this:
http://www.rememberthemilk.com/signup/

Your script accomplishes all of that, but I just haven’t figured out a way to check the equality of two strings (password and confirm password fields). Also, do you know of a way to check if an input is equal to an element in an array. (I basically want to check if a username has already been added to my database). That’s also accomplished in the site above, it tells you if a username is available instantly. Thanks.

Hi, nice script!
I was wondering if you have any experience using this with multiple forms on one page. Normally pressing the submit on one form shouldn’t affect the other. But in my case it seems to affect it.

I have two forms one named locatieform and one slaapmutsform beneath the locatieform.

i call the plugin like so:

$(’form#locatieform’).FormValidate({ phpFile:”send.php”, ajax:true });
$(’form#slaapmutsform’).FormValidate({ phpFile:”send.php”, ajax:true });

clicking the submit from locatieform validates and then sends slaapmutsform. This in relation to the last call made to FormValidate(). If i were to place

$(’form#locatieform’).FormValidate({ phpFile:”send.php”, ajax:true });

At the bottom.. it would validate and send locatieform. Even when clicking the submit for slaapmutsform

Any thoughts?

Thnx

Hi,
I am trying to apply the Form Validator on my existing code but it is not working.

All js files are included but still validation is not happening..
Can you help me ..

Thanks,
Himanshu

I am having some trouble with the vemail, vzip, and vphone classes. When I hit submit they are not changing to red like the is_required fields do.

Is it possible to both do is_required and vemail on the same input field?

Here is a link to my form I am working up right now: http://youthdev.biola.edu/ministry/conferences/wats/index.cfm

Hello,

Nice plugin here. But it seems i got an error while trying out the demo.

Warning: mail() [function.mail]: “sendmail_from” not set in php.ini or custom “From:” header missing in D:\WAMP\www\formvalidator\send.php on line 10
Error!

I didn’t touch anything yet still got error.

Thanks in advance.

Hey Jeremy,

First off AWESOME script!

2nd: I’m using smarty templating, and am building a script. All the validation is working fine, but when i go to submit the page, it’s not working [i'm also using mod_rewrite and need to pull in the URL].

{literal}

{/literal}

Ideas ?

Thanks in advance

P.S. Would like for the ajax submission to work, but i found if i choose “ajax:false” then it submits fine

Im surprised nobody else has reported this, it must just be happening to me:

Submit a form (ajax) with invalid fields. It prevents the form from being submitted.

Fix the validation errors and submit again.

FormValidate will submit as many POSTs as there were failed attempts + the last successful one.

Thanks for your hard work Jeremy!

[...] Form Validator makes it easy to validate forms. Setup a couple different classes on your input fields and let quick contact take care of the rest. After setting up a couple simple settings form validator allows you to easily validate forms, or make a contact form in seconds. Download [...]

First off, thank you for the script.

Now, I’m using it in a website with jQuery and Mootools. Therefore I have to use

jQuery.noConflict();

and this is not letting me validate the form.

Any suggestions?

I have some problem with ‘vphone’. I’m trying to put:

and when I submit form, it’s not validate this field.

what I’m doing wrong?

The phopne field lets you enter in any number you want - it would seem that you would want this to be a little more robust - any ideas?

I was having problems with the phone validation as well, it was throwing an error, then the form would submit. I replaced the phone reg. expression with a different one. it took me a while to find one that wouldnt throw an error:
/^\(?[2-9]\d{2}[\)\.-]?\s?\d{3}[\s\.-]?\d{4}$/

How do you validate a checkbox or multi select group?

First of all great script.
I am having a small problem; I get the following error:
Warning: mail() [function.mail]: “sendmail_from” not set in php.ini or custom “From:” header missing in C:\xampp\htdocs\xampp\scratch\form\send.php on line 9
Error!

so I use the following line but I get this error message:

ini_set(’sendmail_from’, ‘my@email.com’)

I get the following error:
Parse error: parse error in C:\xampp\htdocs\xampp\scratch\form\send.php on line 15

So I guess my question would be how and where do I add this to the send.php

Chris

Jeremy,

Do you know if this plugin will work for ASP? I like it a lot but I am having issues making it work on our ASP platform.

Thanks

Corey

Hello again,

I got the ASP to work. However, I am unable to get it to work in IE6. The user can’t even click inside the fields to enter in data.

Any thoughts in getting this to work in legacy browsers?

Corey

Hi Jeremy, i want to validate if all fields are correctly input, and when this is alright there is a function:
$(”#Gravar”).click( function(){
$.post(”cedcrbd.php?do=inserir_valida”,{id: $(’#txtID’).val(), tipo: $(’#txtTipoDoc’).val(), numDoc: $(’#txtProcID’).val()},
function(data){ $(”#resulta”).text(data);
});
});
});
who calls a php file to insert/update one register in database but the current page shouldn’t reload because if there is any problem in database the div #resulta should show the message and the input fields should maintain the values to correction.

Email não é necessário mas se pretender uma resposta tenha a certeza de que o coloca!

txtID
Necessário

…..

Best regards

Hi Jeremy, your code is very good and it does almost everything that i have ask to you in my last message except when it calls my php file (code above), it reload my php file page with only the message in the default div:
(pag1.php)
$(document).ready(function (data){
$(’#myform’).FormValidate({
phpFile: “cedcrbd.php?do=inserir_valida”,
ajax:true,
validCheck:false
})
});
It calls “cedcrbd.php?do=inserir_valida” and the resul is correct but opens the same page pag1.php without the fields. Can you tell me something about this?

BEst regards

Hummm, is there anybody out there?:)

Well i have already done. Thanks if there is anybody out there!!

bye

[...] Alle Dateien zum Download sowie Demos findet ihr auf der offiziellen Website. Form Validator [...]

Awesome script! Nice and simple and I was able to use it as a base for my first Word Press plugin. Thanks man!

[...] Form Validator [...]