[jQuery] VALIDATE
Hi Jörn Zaefferer, Is there any reason validator Plugin not supporting "validate multiple form fields with identical names" Is there any way to validate Identical Names Fields? Thanks Amarjeet
Re: [jQuery] “(validate)”
On Thu, Feb 4, 2010 at 7:28 AM, Søren gruby wrote: > How can I validate, say a textbox inside a specific div element that > has a specific id? Validate validates forms so to validate a field, it has to be in a form - doesn't matter whether it's in another div or what. Each rule entry refers to a field's name. >From your example, it looks like you have a form with id="aspnetForm" but you don't specify what your input's name is; if it isn't txt_1 or txt_2 then it won't be validated. You can find some samples here: http://jquery.bassistance.de/validate/demo/ Nathan
[jQuery] “(validate)”
I'm using the jQuery plugin: Validation.
How can I validate, say a textbox inside a specific div element that
has a specific id?
$(document).ready(function() {
$("#aspnetForm").validate({
rules: {
txt_1: {
minlength: 2,
required: true
},
txt_2: {
required: true,
email:true
}
}, messages: {}
});
});
I have a textbox in a div with an id = "testdiv" and the above code
doesn't seem to locate the textbox.
Thanks
Re: [jQuery] (validate) Validation following server-side submit
You might consider using the "remote" option: http://jquery.bassistance.de/validate/demo/captcha/ Or, have onSubmit submit the form asynchronously and redirect if the submit is successful. In both cases you'll want to re-validate the submittal but if it's not successful, who cares if you handle someone being an ass in a graceful manner? :) Nathan
[jQuery] (validate) Validation following server-side submit
As you all know, validating on the client-side only can be easily hijacked by disabling javascript. For this type of validation I am using the jquery validator plugin http://docs.jquery.com/Plugins/Validation. When all client-side validations are successful, and the form is submitted to the server, I reapeat the same validations on the server. But does any one of you know how I can invoke the client-side validator of the client to show errors that have been detected on the server? Validating on the client side shows me nice error messages beneath each input field and an error summary at the top. But let's say I want to validate the username field upon registration. On the client I check whether the field has been left empty or if it follows the correct format but I cannot check if the username already exists. I can only check for such occurrence when the data arrives at the server. How can I show the same error layout after the submission takes place? Thanks for your ideas.
[jQuery] Validate Paste Issue with ichars
Hello geeks, I've used your useful plugin to effectivly prevent typing in Arabic charecters in a form using "ichars" function. However, this function in this validation plugin has a bug. It allows pasting fobidden charcters! I believe an aditional check "onblur" might solve this bug. Pls. advise on how and where to fix this. Regards, Ahmad Bagadood
[jQuery] (validate) namespace conflict w/ flowplayer tools?
hi, i appear to be in the midst of troubleshooting a namespace
conflict of the $() function. i'm using validate 1.4. i've attempted
to use jQuery's noConflict() method, but i'm still missing something.
http://cdn.jquerytools.org/1.1.2/full/
jquery.tools.min.js" type="text/javascript">
/* */
if i comment out the last two external references (the validate files)
all is well. here is the validate.js file:
$j(function($) {
$j.extend( $.validator.messages, {
required: 'Required'
} );
$j( '#qotw-form' ).validate( {
rules: {
'qotw-options': 'required'
},
submitHandler: function() {
var answer = $j( "input[name='qotw-options']:checked" ).val
();
var correct = answer == 'c' ? true : false;
var res = correct ? 'Correct!' : 'Try again!';
$j( '#qotw-answer' ).html(res);
},
focusCleanup: true
//, debug: true
} );
} );
hopefully i'm doing something silly. i just wish i knew an easy way
to namespace a given plugin to avoid this problem. thanks for any
help!
[jQuery] (validate)
This is a message to Jörn Zaefferer with respect to his autocomplete
plugin:
[This question was previously posted on StackOverFlow]
I am using the autocomplete functionality from JQuery and am having a
small problem. I have a div element with some text and a variable
number of input boxes that have autocomplete functionality. When a
user clicks on the text in the div element, the input boxes are
removed. Clicking on the text toggles between showing the input boxes
and not showing the input boxes. With each text click a php script is
called that returns new html text for the div element.
The autocomplete inputs are created with php code similar to the
following:
php code:
echo "";
echo "$('a').autocomplete
('do_name_lookup.php',{minChars:3,max:999});";
echo "$('a').result(function(event,
data, formatted) {alert(data[0])});";
On a static web page the two "script" statements would appear in the "$
(document).ready" function. Since my page is dynamic, however, the
input boxes are created a long time after the "$(document).ready" has
fired. Therefore, I have to execute the javascript code just after
each of the input boxes is made. This setup works fine the first time
the php code above is executed, but the second time the code is
executed, the autocomplete functionality goes away.
Can anyone explain to me why this is happening and how to work around
it? My suspician is that I am declaring a variable with the same name
multiple times and this is creating a conflict of some type.
Further refinement of question: The problem (autocomplete stops
working) occurs when I dynamically remove an element (e.g., a table
row that contains an autocomplete input item) from my page.
It seems to me that I must unbind the input element, "a" in the
example above, but I am not sure how to do this properly.
[jQuery] VALIDATE - How to access message in highlight function?
I am using the highlight/unhighlight options of the validator to add a class to my invalid element, and I want to qtip the message. Can someone please tell me how to access the error message of the element?
[jQuery] (validate) block event Return
Hi, I'm trying to use the plugin Validator (from http://bassistance.de/jquery-plugins/jquery-plugin-validation/) WITH JSONSuggestBox (see: http://tomcoote.co.uk/jQueryJSONSuggestBox.aspx). But when I press Return on a searched item (JSONSuggestBox), the validate plugin starts, instead of let the callback function runs (that update an input hidden with the id of the item founded). How can I run thgough this? Vagner
Re: [jQuery] (Validate) Checking once an Entry is Change
Got it working now, but thanks! Turned out my backend wasn't returning right. Human error we'll call it ;) On 19 Jan 2010, at 20:22, Nathan Klatt wrote: > On Sat, Jan 16, 2010 at 6:42 PM, Scott Wilcox wrote: >> Pastebin of code: http://pastebin.com/ma643a4e > > Hiya Scott, > > What's the code at the other end look like - i.e., /api/check/existac? > > Nathan smime.p7s Description: S/MIME cryptographic signature
Re: [jQuery] Validate jquery plugin problem
2010/1/19 Niagara : > My code with jQuery validation plug-in 1.5 work correctly, but with > the new version NO. In what way does it not work? False positives? False negatives? Console errors or silent refusal? Help us to help you. ;) Nathan
[jQuery] Validate jquery plugin problem
Hi guys,
i'm using jQuery JavaScript Library v1.4 and jQuery validation plug-
in 1.6
My code with jQuery validation plug-in 1.5 work correctly, but with
the new version NO.
The JS:
$().ready(function() {
$("#registrazione").validate({
submitHandler: function() {
checkLock('registrazione','Sei sicuro di abitare fuori
dall
\'italia?');
},
rules: {
nome_cognome:{
required: true,
minlength: 3,
maxlength: 60,
},
username: {
required: true,
minlength: 3,
maxlength: 40,
remote: "/metwit/comuni/action.php",
nowhitespace: true
},
password: {
required: true,
minlength: 5
},
email: {
required: true,
email: true,
remote: "/metwit/comuni/action.php"
},
localita: {
required: true
},
antispam_captcha: {
required: true,
remote: "/metwit/comuni/action.php"
},
agree: "required"
},
messages: {
nome_cognome:{
required: "Inserisci la tua identità",
minlength: "Minimo 3 parole",
maxlength: "Massimo 60 parole"
},
username: {
required: "Inserisci un username.",
minlength: "Minimo 3 lettere.",
maxlength: "Lunghezza username massima
superata.",
remote: "Username in uso.",
nowhitespace: "Inserisci solo caratteri e
numeri."
},
password: {
required: "Inserisci una password",
minlength: "Minimo 5 lettere."
},
email: {
required: "Inserisci un'email.",
email: "Inserisci un'email valida.",
remote: "Email in uso."
},
localita: {
required: "Inserisci la località da cui
segnali, selezionandola
dalla mappa sopra."
},
antispam_captcha: {
required: "Inserisci il codice antispam.",
remote: "Inserisci il codice antispam corretto."
},
agree: {
required: "Devi accettare i termini del
servizio."
}
}
});
});
The html:
Nome & Cognome
Username
Password
Email
Mappa
Da dove fai le tue segnalazioni?
Es:Via del Sansovino, 50142
Firenze, Italia (Puoi
trascinare il marker nella mappa nella località e via precisa in cui
abiti. ;-))
Antispam
Inserisci codice sicurezza
Submit
Solution/Ideas?Thanks.
Re: [jQuery] (Validate) Checking once an Entry is Change
On Sat, Jan 16, 2010 at 6:42 PM, Scott Wilcox wrote: > Pastebin of code: http://pastebin.com/ma643a4e Hiya Scott, What's the code at the other end look like - i.e., /api/check/existac? Nathan
[jQuery] (validate) Select List
I'm new to jQuery. I would love some help with the following. I'm using the validator plugin. Here is a description of what I'm trying to validate. Step 1 (required): Select Vehicle Make. Chevy Ford Other Step 2a: (this is required if select is "Chevy" or "Ford"): If Chevy or Ford, Select Vehicle Type. Sedan SUV Step 2b: (this is required if select is "Other"): If Other please enter details: The validation is working except when selecting "Ford". If "Ford" is selected in step 1., Step 2a should be required. I have a working demo here: http://www.ma007.com/test/index.html Any help would be greatly appreciated!
[jQuery] (validate) Compatability with jQuery 1.4?
Hi all, We're planning on using Jörn Zaefferer's 'validate' plugin and wondered if anyone knows if it is compatible with jQuery 1.4? Be very intereseted to find out. Many thanks. Anthony.
[jQuery] (validate) plugin
Hi there.
I'm working on a quiz where you can submit another time your answers
(yes, I want them to win ;-).
But if you do so, I'd like to display a warning that tells you that
you have already submitted and that your new submission will erase the
previous one.
I've used the remote feature on the 'name' field to check if a user
has already submitted : with success but then, the form is locked and
I can't submit until I fill an unplayed 'name'.
#1 So, can I use the remote feature to check a returning player but
still allowing that user to submit?
I hide my custom warning at start and displays it if 'remote'
triggers.
#2 How can I hide that if the user change its name?
Here is my script, thanks a lot for your advices :
$(document).ready(function(){
$("#alreadyplayed").hide(); // this is my warning telling you
that you have already played
$("#formQuiz").validate({
rules: {
name: {
required: true,
remote: {
url: "scripts/namecheck.php", // checks
if 'name' has already
played
type: "post"
}
}
},
messages: {
name: {
required: "required",
remote: function(){
$("#alreadyplayed").show(); // displays
my custom warning
return "You already played!" // display
the regular 'remote'
error message
}
}
},
submitHandler: function(form) {
form.submit();
}
});
});
[jQuery] (validate) (remote) How to check a returning user without locking the submission?
Hi there.
I'm working on a quiz where you can submit another time your answers
(yes, I want them to win ;-).
But if you do so, I'd like to display a warning that tells you that
you have already submitted and that your new submission will erase the
previous one.
I've used the remote feature on the 'name' field to check if a user
has already submitted : with success but then, the form is locked and
I can't submit until I fill an unplayed 'name'.
#1 So, can I use the remote feature to check a returning player but
still allowing that user to submit?
I hide my custom warning at start and displays it if 'remote'
triggers.
#2 How can I hide that if the user change its name?
Here is my script, thanks a lot for your advices :
$(document).ready(function(){
$("#alreadyplayed").hide(); // this is my warning telling you
that you have already played
$("#formQuiz").validate({
rules: {
name: {
required: true,
remote: {
url: "scripts/namecheck.php", // checks
if 'name' has already
played
type: "post"
}
}
},
messages: {
name: {
required: "required",
remote: function(){
$("#alreadyplayed").show(); // displays
my custom warning
return "You already played!" // display
the regular 'remote'
error message
}
}
},
submitHandler: function(form) {
form.submit();
}
});
});
[jQuery] (Validate) Checking once an Entry is Change
Hi Folks, I have a form that uses remote validation to test whether a username exists. It fires fine, however when it should return false, nothing is showing next to an element. Also, when the text input is changed then it doesn't revalidate the field which it should do. Any help, points or suggestions are welcome. Pastebin of code: http://pastebin.com/ma643a4e Scott. smime.p7s Description: S/MIME cryptographic signature
[jQuery] [validate] Error Labels don't remove after field is validated
I am using jorn's awesome validation plugin for sometime. Every now and then I get this issue. Hit the submit button and the error messages pop up next to the invalid field. no problem. I enter the correct data in the field and go to the next field. Unfortunately, after the field is valid, the error message stays. Some forms I have no issues with. Some I do. Anyone know why this happens? The one in particular that is forcing this post, is that the form is in a modal. Not sure it's pertinent to the issue, but just thought I'd put it out there. Thanks!
[jQuery] (validate) Adding in custom validation
Currently I am adding my custom validation (messages, rules) into jquery.validate.js directly. Anyone know how to adding in own customized validation into another js file and if possible, make the jquery.validate.js UNTOUCH.
[jQuery] (validate) Problems with additional methods...
Hello everybody!
I'm trying to use a custom method for validate one of my input's form,
but no way.
Neither the 'additional-methods.js' included in the plugin pack work
for me Seems to be ok, but no idea.
This is a resume of my code:
-JAVASCRIPT-
$.validator.setDefaults({
submitHandler: function() {
$("#cForm").ajaxSubmit({
url:'inc/request.php',
target: '#form-box',
success: function(){
return false;
},
resetForm: true
});
}
});
$(document).ready(function(){
$("#cForm").validate({
rules:{
nif: "alphanumeric",
},
messages: {
nombre: "campo obligatorio",
email: {
required: "campo obligatorio",
email: "email no valido"
},
telefono: {
required: "campo obligatorio",
digits: "solo numeros"
},
nif: "campo obligatorio",
legal: "campo obligatorio"
},
errorElement: "em",
errorPlacement: function(error, element) {
if ( element.is(":radio") )
error.appendTo(element.parent().parent());
else if ( element.is(":checkbox") )
error.appendTo(element.parent());
else
error.prependTo( element.parent() );
}
});
});
-HTML-
...
Nombre y Apellidos
NIF
Teléfono
E-mail
He leído y acepto las bases
legales
...
Thanks in advance!
Best Regards,
Andrea
[jQuery] VALIDATE - error labels don't disappear
Using Jorn's awesome validator for the umpteenth time..I'm stumped on
this one issue I'm having.
I made a simple form
Firstname
Lastname
with a simple validation rule
$.validator.setDefaults({
submitHandler: function() { alert("submitted!"); }
});
// FORM VALIDATION //
//Single Event Form
$("#testForm").validate();
The problem is that when I hit submit with nothing in the input
fields, I get the error message, but after I fulfill the first name
field, and tab to the last name field, the error message doesn't
disappear. Even after I submit the valid form, the screen refreshes,
but the error label is still therei have a big ?? over my head
now.
Help.
[jQuery] jQuery Validate dynamic form issues
Hey all, this is my first post here. I have tried desperately for
hours and hours to find a solution to this problem but so far no
luck.
I have a dynamic form that will show/hide certain parts based on the
value of a select box. I am also using the errorContainer option to
display all errors together in a seperate div.
My problem is that the errorContainer is not hiding itself when there
are zero errors. I suspect this is because the numberOfInvalids is out
of wack with what is actually on the page. I am manually hiding errors
for form elements that no longer exist, which is causing the validate
plugin to become confused. If the validate plugin could validate
onChange of a select box that may help me out, but I haven't found a
way to make that happen.
Instead of writing a book about the issue I will just show you a
working example and maybe someone can help me out. There are 2 files
here, test-1-1.html and test-1-1.js. Not included are jquery and the
validate plugin.
The easiest way to observe the error is: select 1 borrower, click
submit, select 0 borrowers ("Please Select")...
//---
test-1-1.js--//
$(document).ready(function(){
// form validation
$("form").validate({
debug: true,
onkeyup: false,
ignore: '.ignore',
rules:{
numBorrowers:{
notZero: true,
},
borrower1FName:{
required: true,
},
borrower1MName:{
required: true,
},
borrower1LName:{
required: true,
},
borrower2FName:{
required: true,
},
borrower2MName:{
required: true,
},
borrower2LName:{
required: true,
},
primaryContact:{
required: true,
},
},
messages:{
numBorrowers:{
notZero: 'Please choose the number of loan
applicants.',
},
borrower1FName:{
required: 'Please enter Borrower 1\'s first
name.',
},
borrower1MName:{
required: 'Please enter Borrower 1\'s middle
name.',
},
borrower1LName:{
required: 'Please enter Borrower 1\'s last
name.',
},
borrower2FName:{
required: 'Please enter Borrower 2\'s first
name.',
},
borrower2MName:{
required: 'Please enter Borrower 2\'s middle
name.',
},
borrower2LName:{
required: 'Please enter Borrower 2\'s last
name.',
},
primaryContact:{
required: 'Please choose the primary contact
for this loan.',
},
},
highlight: function(element){
$(element.form).find("label[for="+element.id +"]")
.addClass('error');
},
unhighlight: function(element){
$(element.form).find("label[for=" + element.id + "]")
.removeClass('error');
},
errorContainer: "#applicationErrorMessage",
errorLabelContainer: "#applicationErrorMessage ul",
wrapper: "li",
});
$.validator.addMethod("notZero", function(value){
if(value == 0)
return false;
else
return true;
});
// functions
function borrower1AddValidation(){
$('.borrower1').removeClass('ignore');
}
function borrower2AddValidation(){
$('.borrower2').removeClass('ignore');
}
function borrower1RemoveValidation(){
// remove validation
$('.borrower1').addClass('ignore');
// remove highlighting next to input
$('td > label[for^="borrower1"]').removeClass('error');
// hide error msg
[jQuery] Re: JQuery Validate div selector issues
one issue to add :)
I want the message text in the div inputbottom-text, but also on error
update or replace the inputrightdiv with inputrightdiv-valid , as this
class has my green tick.
Is it possible to alter a div class on error, but place error text
into another div?
thanks again for any help.
On Dec 23, 6:34 pm, "p...@scotche.gg" wrote:
> Hi Guys
>
> I am trying to get validate to work, but I am soo close and yet soo
> far!
> I think the problem is the selector and way i append the error or
> valid classes to the label, or specify the element for errors?
>
> Can anyone see the mismatch or problem?
>
> HTML example...
> [code]Company Name:
>
> name="CompanyName" id="CompanyName"
> type="text" class="input-text"/ value="company_name)){
> echo $this->company_name;};?>">
>
> id="img_CompanyName">
>
> id="error_CompanyName"> $this->error_array['company_name']; ?>
> [/code]
>
> where the inputrightdiv is what holds my todo image,
> then i want it replaced with inputrightdiv-valid which shows my nice
> green tick image!
>
> Jquery Validation initialization( i have taken out extra options for
> simplicity )...
>
> [code]
>
> $(document).ready(function() {
> // validate signup form on keyup and submit
> var validator = $("#recruiter_signup").validate({
> rules: {
> CompanyName: "required"
>
> },
> messages: {
> CompanyName: "Please ensure you have entered your
> company name."
>
> },
> // the errorPlacement has to take the table layout into
> account
> errorPlacement: function(error, element) {
> error.appendTo(element.parent().parent());
>
> },
> // Set Error Element
> errorElement: "div.inputrightdiv",
> // Focus in textbox
> focusInvalid: false, // show all form error at a time
> // Set Error Class
> //errorClass: "error",
> errorClass:"inputrightdiv-error",
> // specifying a submitHandler prevents the default submit,
> good for
> the demo
> submitHandler: function() {
> alert("submitted!");
> },
> // set this class to error-labels to indicate valid fields
> success: function(label) {
>
> label.addClass('inputrightdiv-valid');
>
> }
> });});
>
> [/code]
>
> thanks for any tips or eagle eyes :)
[jQuery] JQuery Validate div selector issues
Hi Guys
I am trying to get validate to work, but I am soo close and yet soo
far!
I think the problem is the selector and way i append the error or
valid classes to the label, or specify the element for errors?
Can anyone see the mismatch or problem?
HTML example...
[code]Company Name:
error_array['company_name']; ?>
[/code]
where the inputrightdiv is what holds my todo image,
then i want it replaced with inputrightdiv-valid which shows my nice
green tick image!
Jquery Validation initialization( i have taken out extra options for
simplicity )...
[code]
$(document).ready(function() {
// validate signup form on keyup and submit
var validator = $("#recruiter_signup").validate({
rules: {
CompanyName: "required"
},
messages: {
CompanyName: "Please ensure you have entered your
company name."
},
// the errorPlacement has to take the table layout into account
errorPlacement: function(error, element) {
error.appendTo(element.parent().parent());
},
// Set Error Element
errorElement: "div.inputrightdiv",
// Focus in textbox
focusInvalid: false,// show all form error at a time
// Set Error Class
//errorClass: "error",
errorClass:"inputrightdiv-error",
// specifying a submitHandler prevents the default submit, good
for
the demo
submitHandler: function() {
alert("submitted!");
},
// set this class to error-labels to indicate valid fields
success: function(label) {
label.addClass('inputrightdiv-valid');
}
});
});
[/code]
thanks for any tips or eagle eyes :)
[jQuery] (validate) - Documentation fix for highlight/unhighlight
Hi there,
When overriding the highlight/unhighlight methods, the examples
provided in the documentation will not work:
http://docs.jquery.com/Plugins/Validation/validate#toptions
They should instead read:
highlight: function( element, errorClass, validClass ) {
$(element).addClass(errorClass).removeClass(validClass);
},
unhighlight: function( element, errorClass, validClass ) {
$(element).removeClass(errorClass).addClass(validClass);
}
Thanks,
Dirk
[jQuery] jquery validate plugin - greaterThan addmethod problem
Hello,
So, I am using two custom methods, GreaterThan and LesserThan:
// custom code to for greater than
jQuery.validator.addMethod('greaterThan', function(value, element,
param) {
return ( value > jQuery(param).val() );
}, 'Must be greater than start' );
// custom code for lesser than
jQuery.validator.addMethod('lesserThan', function(value, element,
param) {
return ( value < jQuery(param).val() );
}, 'Must be less than end' );
Then, in the validation rules I have:
aupairLongStay: {required:true, greaterThan: "#aupairShortStay"},
aupairShortStay: {required:true, lesserThan: "#aupairLongStay"},
I'm trying to use them to test two select boxes against each other...
making sure one is less than the other but it doesn't work properly...
any ideas?
[jQuery] Validate Form - how to do NotEqualTo
I'm using Jörn Zaefferer's Jquery Form Validation which is great. However, I needed one extra method/function. I have some fields which initially have values (e.g. see below) So for the validation if the Input First Name's value is equal to "Enter Name Here*", this should then be marked as not true therefore displaying an error mssg and preventing form from being submitted. Any help would be much appreciated.
[jQuery] (validate) condition subsets (multiple submit buttons)
(abstract)
So, I have a form with multiple submit buttons. The different
submission types require different subsets of data input within a
single form, and therefore have different requirements as to what is
required. All of the examples for the validation plugin involve all
values in a form being validated on the form's submission.
I made an object of the following form to specify what validations
should occur dependent on the submit button.
{
"name of form(1...N)": {
"name of submit-button(1...N)": {
"name of field(1...N)" {
[validation conditions]
}
}
}
}
I want to validate on submission, but I've come to a mind circus about
how to accomplish that. Essentially I want to mark fields as required
depending on whether the validation event was triggered by a specific
submit button. I'll probably end up creating crafty closure code to
work through this, but I believe this would probably be useful as a
use case for future development.
Re: [jQuery] (validate)
Without seeing any of your code is pure guesswork to help you find the issue. I need to see at least the code configuring the validation plugin. Jörn 2009/12/16 eimantas > Hi guys > > I'm having trouble with validation plugin from bassistance.de. I have > custom handlers for errorPlacement, highlight and unhighlight events. > I also have defined custom errorElement. Error messages and validation > data is extracted via metadata plugin using html5 data-* attributes. > > The problem is that if I define custom errorClass (which i need for > error message elements), the error gets added each time the field is > unfocused and left blank after first validation. For example: > > 1) I open form and try to submit it; > 2) Errors are displayed; > 3) I focus/blur errored field; > 4) the error for that field is added again; > > Any help would be appreciated without disclosing lots of mine code .) > > Thank you in advance for taking time to answer my call for help! >
[jQuery] (validate)
Hi guys I'm having trouble with validation plugin from bassistance.de. I have custom handlers for errorPlacement, highlight and unhighlight events. I also have defined custom errorElement. Error messages and validation data is extracted via metadata plugin using html5 data-* attributes. The problem is that if I define custom errorClass (which i need for error message elements), the error gets added each time the field is unfocused and left blank after first validation. For example: 1) I open form and try to submit it; 2) Errors are displayed; 3) I focus/blur errored field; 4) the error for that field is added again; Any help would be appreciated without disclosing lots of mine code .) Thank you in advance for taking time to answer my call for help!
[jQuery] (validate) jQuery Validate + CKEditor
When I use the jQuery Validate with the CKEditor, i need to submit the form twice for validate de textarea that use CKEditor. Why this happens?
[jQuery] validate - error messages keep piling up
Hi,
Since I moved to a new design I cannot figure out how to stop the
validate plug-in to append error messages and instead have it remove
the previous error message before creating another one.
here is what my HTML code looks like with multiple error messages:
E-mail
This field is mandatory
This field is mandatory
This field is mandatory
This field is mandatory
Please enter a valid e-mail address
CSS:
.errorValidate {
padding: 2px 0 2px 22px;
margin: 0 0 0 5px;
}
JS:
var validateForm = $("#clientUpdateForm").validate(
{
errorClass: "errorValidate",
/etc/...
}
Any ideas why it would do that?
Thanks in advance!
[jQuery] Re: jquery validate bug
Sorry, I didn't give you enough details. The validation of the form elements are are made on "onblur" event, if you don't click outside the last textarea then that field will not be validated. When you click on the submit form when editing the last textarea the onblur event is triggered but the normal submit action is ignored and you need to click again on the submit button. It works only if you first click somewhere outside the textarea then click on the button, but if you don't leave the textarea and click directly it will not work. On Dec 15, 6:04 pm, Leonardo K wrote: > I download your code and it's working fine. > > On Tue, Dec 15, 2009 at 08:48, Givan wrote: > > Hi, I found a bug within the validation plugin > > I have a form and I need to click the submit button twice to submit > > the form. > > It seems that on the first click validates and only on the second > > click will submit the form. > > I think it must submit the form directly if there is no validation > > error. > > > A small example can be found here > > >http://www.codeassembly.com/files/validate-bug.zip > > > Thanks.
Re: [jQuery] jquery validate bug
I download your code and it's working fine. On Tue, Dec 15, 2009 at 08:48, Givan wrote: > Hi, I found a bug within the validation plugin > I have a form and I need to click the submit button twice to submit > the form. > It seems that on the first click validates and only on the second > click will submit the form. > I think it must submit the form directly if there is no validation > error. > > A small example can be found here > > http://www.codeassembly.com/files/validate-bug.zip > > Thanks. >
[jQuery] jquery validate bug
Hi, I found a bug within the validation plugin I have a form and I need to click the submit button twice to submit the form. It seems that on the first click validates and only on the second click will submit the form. I think it must submit the form directly if there is no validation error. A small example can be found here http://www.codeassembly.com/files/validate-bug.zip Thanks.
Re: [jQuery] validate australian date
Check out www.datejs.com it's a great library to deal with any kinds of dates Thanks & Regards, Dhruva Sagar. On Tue, Dec 15, 2009 at 8:49 AM, buRn wrote: > Hi does anyone know how to validate australian date? I only have the > normal date validation and want to have the month and day switch > around. > > cheers > bUrn >
[jQuery] validate australian date
Hi does anyone know how to validate australian date? I only have the normal date validation and want to have the month and day switch around. cheers bUrn
[jQuery] validate (help with plugin)
I am trying to get the validate plugin (http://docs.jquery.com/Plugins/
Validation) to work with my forms, but all I seem to be able to
produce is errors My code looks like this (I've commented out
where I was trying to add it):
$(function () {
//$("#loginForm").validate({
$("#loginForm").submit(function(){
dataString = $("#loginForm").serialize();
$(".statusMessage").html('Working...').addClass('ui-state-
highlight').fadeTo("fast",1);
$.ajax({
type: "POST",
url: "/usr/ajaxlogin.php",
data: dataString,
dataType: "json",
success: function(data,textStatus) {
if(data.status == "stop"){
$(".statusMessage").html("Sorry: " +
data.message).addClass('ui-state-error').fadeTo("fast",1);
}
if(data.status == "go"){
$(".statusMessage").html(" " + data.message).addClass('ui-state-
error').fadeTo("fast",1);
window.location.href=data.url;
}
},
timeout:3000,
error: function (XMLHttpRequest, textStatus, errorThrown)
{
$(".statusMessage").html('We have encountered an
error, please notify support or try again.').addClass('ui-state-
error').fadeTo("fast",1);
}
}); // end .ajax
return false;
}); // end form submit func.
//});
}); // End Ready Func.
[jQuery] Re: (Jquery Validate) Keep getting an error in IE8
I stumbled upon the same shit, and this is how IE8 reacts on OPTION
tags without value specified (like, blahblah). Until
jQuery is fixed to support it (and in my case I must stick to old
version 1.2.6, so fix is impossible) the workaround is to always use
blahblah notation, if possible. Of
course it's not a generic solution, but might help someone.
On Nov 23, 4:55 pm, djseng wrote:
> I'm getting this same error. Does anyone have a patch for it?
>
> On Nov 7, 9:31 pm, chobo2 wrote:
>
>
>
> > Hi
>
> > I don't know what is going but my jqueryvalidateplugin(1.5.5) is not
> > working and I am not sure for how long since I do most of my testing
> > on firefox.
>
> > The problem is this I go to one of my forms that jqueryvalidateon it
> > and hit my "create" button my validation kicks in as it should and
> > does this right in all browsers includingIE8. Now where it does not
> > work is when I do this.
>
> > I choose the first dropdown list and choose something. Then hit
> > "create" now all validation errors should show up expect the one for
> > the first dropdown box.
>
> > It does this in all browsers except in IE 8. I get this
>
> > > Webpage error details
>
> > > User Agent: Mozilla/4.0 (compatible;
> > > MSIE 8.0; Windows NT 6.1; Win64; x64;
> > > Trident/4.0; .NET CLR 2.0.50727;
> > > SLCC2; .NET CLR 3.5.30729; .NET CLR
> > > 3.0.30729; Media Center PC 6.0; Tablet PC 2.0) Timestamp: Sun, 8 Nov 2009
> > > 03:26:08 UTC
>
> > > Message: Object required Line: 890
> > > Char: 5 Code: 0 URI:
> > >http://localhost:3668/Scripts/Plugins-Development/jquery.validate.js
>
> > This is what is on line 890
>
> > return options.length > 0 && ( element.type == "select-multiple"
> > || ($.browser.msie && !(options[0].attributes['value'].specified) ?
> > options[0].text : options[0].value).length > 0);
>
> > This like the whole method block.
>
> > methods: {
>
> > //http://docs.jquery.com/Plugins/Validation/Methods/required
> > required: function(value, element, param) {
> > // check if dependency is met
> > if ( !this.depend(param, element) )
> > return "dependency-mismatch";
> > switch( element.nodeName.toLowerCase() ) {
> > case 'select':
> > var options = $("option:selected", element);
> > return options.length > 0 && ( element.type
> > == "select-multiple"
> > || ($.browser.msie && !(options[0].attributes['value'].specified) ?
> > options[0].text : options[0].value).length > 0);
> > case 'input':
> > if ( this.checkable(element) )
> > return this.getLength(value,
> > element) > 0;
> > default:
> > return $.trim(value).length > 0;
> > }
> > },
>
> > Not sure what is going on.
Re: [jQuery] [validate] show status indicator while conducting a remote validation
The plugin currently doesn't provide any callbacks for that, but you can use jQuery's ajax events: http://docs.jquery.com/Ajax_Events Jörn On Fri, Dec 11, 2009 at 1:27 AM, Marc wrote: > Hi, > I was wondering if it's possible to show an icon or label while the > Validate plugin (http://docs.jquery.com/Plugins/Validation) is waiting > on the response from a Remote rule. Ideally I would like to show a > progress indicator to inform the user that the element is being > validated in case of a slow connection or slow server response time. > > > cheers, > > Marc. >
[jQuery] [validate] show status indicator while conducting a remote validation
Hi, I was wondering if it's possible to show an icon or label while the Validate plugin (http://docs.jquery.com/Plugins/Validation) is waiting on the response from a Remote rule. Ideally I would like to show a progress indicator to inform the user that the element is being validated in case of a slow connection or slow server response time. cheers, Marc.
[jQuery] validate
Hi I am using validation plugin with a submodal dialogue form. It works really well except on the second time into the form the validate() always returns true. Do I need to reset the form (or something) Regards Mark
[jQuery] Validate with accordian?
I have a website questionnaire/website planner that I intent to use with prospective clients. You can view it under development here: http://www.smallblue.net/questionnaire.html The form is split in to sections and want to use an accordian effect so that ony 1 section is visible at a time. At the moment if some of the fields dont pass validation the user has no feedback because that section might be closed so the user cant see where the errors are. What I would like to achieve is so that on Submit the first section in which errors ocour is opened. Or is there a better alternative concept do you think? Perhaps change section titles to red on sections with errors? If so how... Perhaps I could keep an example of the "validation+accordian example" on my server as an example that others could view. Any ideas/help greatly received. Thanks.
Re: [jQuery] [validate] - jquery plugin + recaptcha = anyone get this to work?
This is a JQuery Forum.
[jQuery] [validate] - jquery plugin + recaptcha = anyone get this to work?
I've seen the validation method for captha at this URL: http://jquery.bassistance.de/validate/demo/captcha/ just wondering if anyone has gotten this to work with reCaptcha? I'm having a #$*( of a time to get this to validate with reCaptcha...any help is much appreciated.
[jQuery] [validate] remote validations with two depending text boxes
Hi all, I have a for two text boxes. They are one entity for a check. I check the two text boxes together. I made it in the following way that i added for both of them one class and added a rule. My problem is the following. I have text-box a and textbox b. For a certain value of textbox a textbox b shouldn't be empty. So i fill in the text-box a and the remote validation works, and an error message is shown. When afterward i fill an value in text-box b, the error message from textbox a does not go away, which is bad. What can i do ? Thanks , David
[jQuery] [validate] remote validation on empty field
Hi all, I want to make a remote validation on an empty field. Sometimes the field may be empty and sometimes not. This depends on the selection of other elements. I send them with the data hash of the remote method. The response should be written next to the empty field. As i understand, by default an empty field is not validated(this is a feature), but how may i force the plugin to make it ? Thanks, David
[jQuery] Re: jQuery Validate and Dialog Confirm. submit() not working.
I have not written up a test to verify this, but I suspect that your
problems is that the code following "Ok" is calling submit() on a full
jQuery object of the form -- which has the validation script attached
to it, so it gets caught in an endless loop.
What you really want to do is to call the submit() function on the
FORM itself, not the jQuery object containing the form.
So
$("purchase_credit").get(0).submit()
should do the trick. The get(0) returns the plain DOM version of the
form, so it no longer has any validation stuff attached to it.
The fact that, with jQuery,
$("form").submit()
and
form.submit()
don't always behave identically is a bit confusing...
spud.
Re: [jQuery] Validate - date() Question from plug-in via bassistance.de
Its been an outstanding issue for a long time. There are too many possible approaches to tackle it, and I couldn't yet decide on one to implement. Date parsing and validating is something I'd rather see in an extra library, with a leightweight custom method for the validate plugin to delegate to it. datejs was an option, but it would add quite a lot of overhead... Suggestions are welcome. Jörn On Tue, Dec 1, 2009 at 3:41 PM, Eclectic Mix wrote: > The plug-in validates for the correct date format, but does not > validate the date itself (2/31/2009 shows as valid). Will this be > added at some point or should I use another plug-in to validate the > date. > > Thanks - > > george >
Re: [jQuery] [validate] Error using rules('remove')
The rules method applies to individual elements, not the whole form. Call it
directly on the age-field, and it should work.
Jörn
On Fri, Dec 4, 2009 at 1:34 PM, Eva wrote:
> Hi all,
>
> I get an error when using rules('remove') from Jörn Zaefferer's
> Validate plugin.
>
> The error is:
>
> elem is undefined
> [Break on this error] var id = elem[ expando ];\r\n
>
> The code is:
>
> "http://www.w3.org/TR/html4/loose.dtd";>
>
>
> http://code.jquery.com/jquery-latest.js";>
>
>
> $(document).ready(function(){
>$("#myform").validate({
>rules: {
>'fname': "required",
>'lname': { required: true }
> },
> messages: {
>'fname': "Name is required",
>'lname': "Lastname is required"
> }, errorLabelContainer: "#messageBox",
> wrapper: "li",
> submitHandler: function() { alert("Submitted!") }
> })
> });
>
>
>
>function change() {
>alert('changing rules');
>$("#myform").rules('remove');
>$("#myform").rules('add', {
>'age': {
>required : true,
>messages : {
> required: "Age required"}
> }
> }
> );
>}
>
>
>
>
> http://dev.jquery.com/view/trunk/
> plugins/validate/jquery.validate.js<http://dev.jquery.com/view/trunk/%0Aplugins/validate/jquery.validate.js>
> ">
>
>
> Firstname
>
> Lastname
>
> Age
>
> Adress
>
>
>
>
>
>
>
>
>
> I've missed something or it's a bug in the plugin?
>
> Thanks in advance.
>
>
[jQuery] validate
Hello all, I am using the JQuery validator from http://bassistance.de/jquery-plugins/jquery-plugin-validation/ . And I am using the calandar component from YUI. The problem is similar to what bobbykjack has . I have an input field ,when user clicks into it the calendar pops up. When user chooses a date it fills the input box. But the error message which had been displayed on clicking the submit button before the field was filled does not go away. How do I get rid off it?. Thanks in advance . Sucheta
[jQuery] [validate] Error using rules('remove')
Hi all,
I get an error when using rules('remove') from Jörn Zaefferer's
Validate plugin.
The error is:
elem is undefined
[Break on this error] var id = elem[ expando ];\r\n
The code is:
http://www.w3.org/TR/html4/loose.dtd";>
http://code.jquery.com/jquery-latest.js";>
$(document).ready(function(){
$("#myform").validate({
rules: {
'fname': "required",
'lname': { required: true }
},
messages: {
'fname': "Name is required",
'lname': "Lastname is required"
}, errorLabelContainer: "#messageBox",
wrapper: "li",
submitHandler: function() { alert("Submitted!") }
})
});
function change() {
alert('changing rules');
$("#myform").rules('remove');
$("#myform").rules('add', {
'age': {
required : true,
messages : { required:
"Age required"}
}
}
);
}
http://dev.jquery.com/view/trunk/
plugins/validate/jquery.validate.js">
Firstname
Lastname
Age
Adress
I've missed something or it's a bug in the plugin?
Thanks in advance.
[jQuery] validate - How to dynamically set required:true to required:false
I am dynamically changing the className from required:true to
required:false but jquery.validate.js always is displaying that this
field is required.
function change_required(id,bRequired) {
document.getElementById(id).className=
(bRequired?'{required:true}':'{required:false}')
}
Before submit I see that input fields whose className is dynamically
set to {required:false} is still be treated by jquery.validate.js as
if {required:true}
This is the call to validate for the form:
jQuery(document).ready(function() {
jQuery("#form_id").validate(
{
errorClass: "form_error",
errorElement: "div",
wrapper: "span"
});
})
How do I set a rule to ONLY validate when the className has
required:true?
Re: [jQuery] [validate]
pata nhi yaar mujhe nhi malum
Re: [jQuery] [validate]
Are you using some validate plugin ?
If you are doing so, you need to ensure that you execute your code only
after the dynamically generated fields have been generated OR you do it
everytime your dynamically generated fields are being generated.
For ordinary events, there is this 'live' function that jQuery provides
which enables you to be able to bind events even to such dynamically
generated nodes, but I am not sure if you can make use of that for this
validate() call.
Thanks & Regards,
Dhruva Sagar.
On Wed, Dec 2, 2009 at 3:21 PM, 123gotoandplay wrote:
> Hi,
>
> I am trying to validate some dynamic generated input fields, like so
>
> $("#form1").validate({
>rules: {
>$("[name^=eventlink]") : {
>required: true,
>url: true
>}
>}
>
> The input fields have the word eventlink in common, unfort this
> doesn't work
>
[jQuery] [validate]
Hi,
I am trying to validate some dynamic generated input fields, like so
$("#form1").validate({
rules: {
$("[name^=eventlink]") : {
required: true,
url: true
}
}
The input fields have the word eventlink in common, unfort this
doesn't work
Re: [jQuery] Validate: a question about the Remote option
you have to actually echo the result of validation: true or false
Original Message
Hello everyone,
I'm still dealing with that signup form.
Now I'd like to check with an Ajax call if a login is already taken.
That's what I'm doing:
$("#signup").validate( {
rules: {
ulogin: {
required: true,
// It's a custom method checking a regexp, it's working
login: true,
rangelength: [3,20],
remote: "check.php?w=1"
},
...
Here's the check.php file:
// Including the connection file, blah blah
...
$valid=true;
// Since I'm planning to use this file as a multipurpose script,
//preventing it from stop working
if (!isset($_REQUEST['w'])) $_REQUEST['w']=1;
if ($_REQUEST['w']==1) {
// If the login is taken, it will return something >0
$number=mysql_num_rows(mysql_query("SELECT `Id` FROM `Users` WHERE
`Login`='".$_REQUEST['ulogin']."'", $link));
if ($number>0) $valid=false; else $valid=true;
}
After I validate, it stops working: it says incorrect for all fields
after the second submit. After the first submit it says nothing, even
that the login is already taken.
What's wrong?
Thanks!
<>
[jQuery] Validate - date() Question from plug-in via bassistance.de
The plug-in validates for the correct date format, but does not validate the date itself (2/31/2009 shows as valid). Will this be added at some point or should I use another plug-in to validate the date. Thanks - george
Re: [jQuery] validate
you can create your own method using the addMethod ( http://docs.jquery.com/Plugins/Validation/Validator/addMethod) On Tue, Dec 1, 2009 at 11:50, tom wrote: > I'm using the jquery.validation plugin by Jörn Zaefferer and I was > wondering whether there's a easy way to trim form elements before they > are validated. > > For example, if I'm validating a email address: "t...@test.com " > using the "email : true" rule, it'll display an error because the > trailing whitespace is invalidating the email format. I was hoping I > could chain "jQuery.trim(value)" before the validation so the > whitespace is removed and the validation error never occurs? > > Disclaimer: The jquery.validation plugin documentation page currently > isn't working (http://docs.jquery.com/Plugins/Validation) so I can't > RTFM. >
[jQuery] validate
I'm using the jquery.validation plugin by Jörn Zaefferer and I was wondering whether there's a easy way to trim form elements before they are validated. For example, if I'm validating a email address: "t...@test.com " using the "email : true" rule, it'll display an error because the trailing whitespace is invalidating the email format. I was hoping I could chain "jQuery.trim(value)" before the validation so the whitespace is removed and the validation error never occurs? Disclaimer: The jquery.validation plugin documentation page currently isn't working (http://docs.jquery.com/Plugins/Validation) so I can't RTFM.
Re: [jQuery] Validate: a question about the Remote option
hey..!!! you have to actually ECHO the result of your validation the
remote method expects the response to be true or false.
good luck!
Original Message
Hello everyone,
I'm still dealing with that signup form.
Now I'd like to check with an Ajax call if a login is already taken.
That's what I'm doing:
$("#signup").validate( {
rules: {
ulogin: {
required: true,
// It's a custom method checking a regexp, it's working
login: true,
rangelength: [3,20],
remote: "check.php?w=1"
},
...
Here's the check.php file:
// Including the connection file, blah blah
...
$valid=true;
// Since I'm planning to use this file as a multipurpose script,
//preventing it from stop working
if (!isset($_REQUEST['w'])) $_REQUEST['w']=1;
if ($_REQUEST['w']==1) {
// If the login is taken, it will return something >0
$number=mysql_num_rows(mysql_query("SELECT `Id` FROM `Users` WHERE
`Login`='".$_REQUEST['ulogin']."'", $link));
if ($number>0) $valid=false; else $valid=true;
}
After I validate, it stops working: it says incorrect for all fields
after the second submit. After the first submit it says nothing, even
that the login is already taken.
What's wrong?
Thanks!
<>
[jQuery] Validate: a question about the Remote option
Hello everyone,
I'm still dealing with that signup form.
Now I'd like to check with an Ajax call if a login is already taken.
That's what I'm doing:
$("#signup").validate( {
rules: {
ulogin: {
required: true,
// It's a custom method checking a regexp, it's working
login: true,
rangelength: [3,20],
remote: "check.php?w=1"
},
...
Here's the check.php file:
// Including the connection file, blah blah
...
$valid=true;
// Since I'm planning to use this file as a multipurpose script,
//preventing it from stop working
if (!isset($_REQUEST['w'])) $_REQUEST['w']=1;
if ($_REQUEST['w']==1) {
// If the login is taken, it will return something >0
$number=mysql_num_rows(mysql_query("SELECT `Id` FROM `Users` WHERE
`Login`='".$_REQUEST['ulogin']."'", $link));
if ($number>0) $valid=false; else $valid=true;
}
After I validate, it stops working: it says incorrect for all fields
after the second submit. After the first submit it says nothing, even
that the login is already taken.
What's wrong?
Thanks!
--
With best regards from Ukraine,
Andre
Skype: Francophile; Wlm&MSN: arthaelon @ yandex.ru; Jabber: arthaelon @
jabber.org
Yahoo! messenger: andre.polykanine; ICQ: 191749952
Twitter: m_elensule
[jQuery] Validate plugin: insertAfter problem/question
I am using the jQuery Validation plugin in conjuction with the
jqTransform plugin to style the form.
I need to insert the error message after the "rowElem" div. I can do
that, but the problem is that for each input field I get all the error
messages form the other fields.
Example: if I got 3 required fields, when I hit "submit" I got 3 times
"this field is required" after each "rowElem" which include the submit
button.
Thi is the HTML output before the submission (with the output from the
jqTransform plugin):
This is the JS:
// VALIDATION + AJAX FORM
$(document).ready(function(){
$('#contactform').validate({
errorPlacement: function(error, element) {
error.insertAfter('.rowElem');
},
submitHandler: function(form) {
$(form).ajaxSubmit({
success: function() {
$('#contactform').hide();
$('.contact-col h4').hide();
$('#contact-col-form').append("Thanks! Your request has been sent.
")
}
});
}
});
});
Any help to solve this "multipling" effect is appreciated.
Thanks.
[jQuery] jQuery Validate and Dialog Confirm. submit() not working.
I have a form that is being valdiated with jQuery validate plugin. On
clicking submit, and after form has been succesfully validated, I want
a dialog confirmation to appear, then on clicking OK, the form
submits.
See my code below. The Dialog opens fine. Dialog works fine, but the
form does not submit when OK is clicked.
My guess is the .submit() call is sending the process back into the
validate() process, causing some kind of loop, but I can't think of
any other way to do this.
Any suggestions on what I am doing wrong here will be greatly
appreciated.
===
// Initialize Dialog Box
$('#dialog').dialog({
autoOpen: false,
width: 400,
modal: true,
title: 'Confirm Purchase of Credit.',
close: function() {$('#dialog p').empty();},
buttons: {
"Ok": function() {
$("#purchase_credit").submit
();
$('#dialog p').empty();
},
"Cancel": function() {
$(this).dialog("close");
$('#dialog p').empty();
}
}
});
// dialog being opened from validate() using the submithandler.
submitHandler: function(form) {
$('#dialog p').append('Click \'OK\' to
confirm Purchase of $' + $("#cc_amount").val() + ' Credit.This
amount will be charged to the Credit Card
Entered.');
$('#dialog').dialog('open');
}
note this message quoted from j...@oz
[jQuery] Re: jQuery Validate using input type=image
yep, all done thanks - setting background-color: transparent; was the
key to getting it look perfect!
Thanks for your help.
Richard
On Nov 30, 11:57 am, Jörn Zaefferer
wrote:
> Styling s is quite flexible. Start with border:none, the rest should
> be easy.
>
> JörnOn Mon, Nov 30, 2009 at 12:51 PM, Rich wrote:
> > Thanks that does pass the required value but I'll need to play around
> > with styling the button as I don't want the image to appear as an icon
> > and not as a button.
>
> > Thanks
>
> > On Nov 27, 5:20 pm, Jörn Zaefferer
> > wrote:
> > > The plugin handles that case, though only for type="submit". You could
> > try
> > > using a button instead:
>
> > >
>
> > > JörnOn Fri, Nov 27, 2009 at 12:52 PM, Rich
> > wrote:
> > > > I am validating a form that is submitted by an image input (input
> > > > type=image), there are 3 of these inputs which either publish, save or
> > > > delete the form details. If I turn javascript off and submit the form
> > > > I can pick up the value of the input button used. i.e. request.form
> > > > ("publish.x") = ?, if I turn javascript on and use the jQuery validate
> > > > plugin it does everything excpet pass the value of the button pressed
> > > > so I can't detect which button has been pressed. Any help appreciated.
>
> > > > [code]
> > > > $(function() {
> > > > $("#vml_library").validate({
> > > > ignore: "input[type=hidden]",
> > > > rules: {
> > > > mName: {
> > > > required: true
> > > > },
> > > > mSummary: {
> > > > maxlength: 200
> > > > },
> > > > mDescription: {
> > > > required: true
> > > > },
> > > > mFile: {
> > > > required: true,
> > > > accept:
> > > > ""+$("input[name=typeList]").val().replace(/\'/g,
> > > > '').replace(/\./g, '').replace(/,/g, '|') +""
> > > > },
> > > > tFile: {
> > > > required: function(element) {
> > > > return
> > $("input[name=vType]").val()
> > > > > 1;
> > > > },
> > > > accept: true
> > > > }
> > > > },
> > > > messages: {
> > > > mName: {
> > > > required: "Required"
> > > > },
> > > > mFile: {
> > > > required: "Required",
> > > > accept: "Invalid File, must be " +
> > > > $("input[name=typeList]").val()
> > > > },
> > > > mSummary: {
> > > > maxlength: "You may not use anymore than
> > 200
> > > > characters"
> > > > },
> > > > mDescription: {
> > > > required: "Required"
> > > > },
> > > > tFile: {
> > > > required: "Required",
> > > > accept: "Invalid File, must be '.jpg',
> > > > '.jpeg', '.gif' or '.png'"
> > > > }
> > > > },
> > > > success: function(label) {
> > > > label.addClass("valid").text("OK!");
> > > > },
> > > > highlight: function(element, errorClass) {
> > > > $(element).addClass("errorInput");
> > > > },
> > > > unhighlight: function(element, errorClass) {
> > > > $(element).removeClass("errorInput");
> > > > },
> > > > submitHandler: function(form) {
> > > > ShowProgress();
> > > > form.submit();
> > > > }
> > > > });
>
> > > > });
> > > > [/code]
Re: [jQuery] Re: jQuery Validate using input type=image
Styling s is quite flexible. Start with border:none, the rest should
be easy.
Jörn
On Mon, Nov 30, 2009 at 12:51 PM, Rich wrote:
> Thanks that does pass the required value but I'll need to play around
> with styling the button as I don't want the image to appear as an icon
> and not as a button.
>
> Thanks
>
> On Nov 27, 5:20 pm, Jörn Zaefferer
> wrote:
> > The plugin handles that case, though only for type="submit". You could
> try
> > using a button instead:
> >
> >
> >
> > JörnOn Fri, Nov 27, 2009 at 12:52 PM, Rich
> wrote:
> > > I am validating a form that is submitted by an image input (input
> > > type=image), there are 3 of these inputs which either publish, save or
> > > delete the form details. If I turn javascript off and submit the form
> > > I can pick up the value of the input button used. i.e. request.form
> > > ("publish.x") = ?, if I turn javascript on and use the jQuery validate
> > > plugin it does everything excpet pass the value of the button pressed
> > > so I can't detect which button has been pressed. Any help appreciated.
> >
> > > [code]
> > > $(function() {
> > >$("#vml_library").validate({
> > >ignore: "input[type=hidden]",
> > >rules: {
> > >mName: {
> > >required: true
> > >},
> > >mSummary: {
> > >maxlength: 200
> > >},
> > >mDescription: {
> > >required: true
> > >},
> > >mFile: {
> > >required: true,
> > >accept:
> > > ""+$("input[name=typeList]").val().replace(/\'/g,
> > > '').replace(/\./g, '').replace(/,/g, '|') +""
> > >},
> > >tFile: {
> > >required: function(element) {
> > >return
> $("input[name=vType]").val()
> > > > 1;
> > >},
> > >accept: true
> > >}
> > >},
> > >messages: {
> > >mName: {
> > >required: "Required"
> > >},
> > >mFile: {
> > >required: "Required",
> > >accept: "Invalid File, must be " +
> > > $("input[name=typeList]").val()
> > >},
> > >mSummary: {
> > >maxlength: "You may not use anymore than
> 200
> > > characters"
> > >},
> > >mDescription: {
> > >required: "Required"
> > >},
> > >tFile: {
> > >required: "Required",
> > >accept: "Invalid File, must be '.jpg',
> > > '.jpeg', '.gif' or '.png'"
> > >}
> > >},
> > >success: function(label) {
> > >label.addClass("valid").text("OK!");
> > >},
> > >highlight: function(element, errorClass) {
> > >$(element).addClass("errorInput");
> > >},
> > >unhighlight: function(element, errorClass) {
> > >$(element).removeClass("errorInput");
> > >},
> > >submitHandler: function(form) {
> > >ShowProgress();
> > >form.submit();
> > >}
> > >});
> >
> > > });
> > > [/code]
>
[jQuery] Re: jQuery Validate using input type=image
Thanks that does pass the required value but I'll need to play around
with styling the button as I don't want the image to appear as an icon
and not as a button.
Thanks
On Nov 27, 5:20 pm, Jörn Zaefferer
wrote:
> The plugin handles that case, though only for type="submit". You could try
> using a button instead:
>
>
>
> JörnOn Fri, Nov 27, 2009 at 12:52 PM, Rich wrote:
> > I am validating a form that is submitted by an image input (input
> > type=image), there are 3 of these inputs which either publish, save or
> > delete the form details. If I turn javascript off and submit the form
> > I can pick up the value of the input button used. i.e. request.form
> > ("publish.x") = ?, if I turn javascript on and use the jQuery validate
> > plugin it does everything excpet pass the value of the button pressed
> > so I can't detect which button has been pressed. Any help appreciated.
>
> > [code]
> > $(function() {
> > $("#vml_library").validate({
> > ignore: "input[type=hidden]",
> > rules: {
> > mName: {
> > required: true
> > },
> > mSummary: {
> > maxlength: 200
> > },
> > mDescription: {
> > required: true
> > },
> > mFile: {
> > required: true,
> > accept:
> > ""+$("input[name=typeList]").val().replace(/\'/g,
> > '').replace(/\./g, '').replace(/,/g, '|') +""
> > },
> > tFile: {
> > required: function(element) {
> > return $("input[name=vType]").val()
> > > 1;
> > },
> > accept: true
> > }
> > },
> > messages: {
> > mName: {
> > required: "Required"
> > },
> > mFile: {
> > required: "Required",
> > accept: "Invalid File, must be " +
> > $("input[name=typeList]").val()
> > },
> > mSummary: {
> > maxlength: "You may not use anymore than 200
> > characters"
> > },
> > mDescription: {
> > required: "Required"
> > },
> > tFile: {
> > required: "Required",
> > accept: "Invalid File, must be '.jpg',
> > '.jpeg', '.gif' or '.png'"
> > }
> > },
> > success: function(label) {
> > label.addClass("valid").text("OK!");
> > },
> > highlight: function(element, errorClass) {
> > $(element).addClass("errorInput");
> > },
> > unhighlight: function(element, errorClass) {
> > $(element).removeClass("errorInput");
> > },
> > submitHandler: function(form) {
> > ShowProgress();
> > form.submit();
> > }
> > });
>
> > });
> > [/code]
Re: [jQuery] jQuery Validate using input type=image
The plugin handles that case, though only for type="submit". You could try
using a button instead:
Jörn
On Fri, Nov 27, 2009 at 12:52 PM, Rich wrote:
> I am validating a form that is submitted by an image input (input
> type=image), there are 3 of these inputs which either publish, save or
> delete the form details. If I turn javascript off and submit the form
> I can pick up the value of the input button used. i.e. request.form
> ("publish.x") = ?, if I turn javascript on and use the jQuery validate
> plugin it does everything excpet pass the value of the button pressed
> so I can't detect which button has been pressed. Any help appreciated.
>
> [code]
> $(function() {
>$("#vml_library").validate({
>ignore: "input[type=hidden]",
>rules: {
>mName: {
>required: true
>},
>mSummary: {
>maxlength: 200
>},
>mDescription: {
>required: true
>},
>mFile: {
>required: true,
>accept:
> ""+$("input[name=typeList]").val().replace(/\'/g,
> '').replace(/\./g, '').replace(/,/g, '|') +""
>},
>tFile: {
>required: function(element) {
>return $("input[name=vType]").val()
> > 1;
>},
>accept: true
>}
>},
>messages: {
>mName: {
>required: "Required"
>},
>mFile: {
>required: "Required",
>accept: "Invalid File, must be " +
> $("input[name=typeList]").val()
>},
>mSummary: {
>maxlength: "You may not use anymore than 200
> characters"
>},
>mDescription: {
>required: "Required"
>},
>tFile: {
>required: "Required",
>accept: "Invalid File, must be '.jpg',
> '.jpeg', '.gif' or '.png'"
>}
>},
>success: function(label) {
>label.addClass("valid").text("OK!");
>},
>highlight: function(element, errorClass) {
>$(element).addClass("errorInput");
>},
>unhighlight: function(element, errorClass) {
>$(element).removeClass("errorInput");
>},
>submitHandler: function(form) {
>ShowProgress();
>form.submit();
>}
>});
>
> });
> [/code]
>
[jQuery] jQuery Validate using input type=image
I am validating a form that is submitted by an image input (input
type=image), there are 3 of these inputs which either publish, save or
delete the form details. If I turn javascript off and submit the form
I can pick up the value of the input button used. i.e. request.form
("publish.x") = ?, if I turn javascript on and use the jQuery validate
plugin it does everything excpet pass the value of the button pressed
so I can't detect which button has been pressed. Any help appreciated.
[code]
$(function() {
$("#vml_library").validate({
ignore: "input[type=hidden]",
rules: {
mName: {
required: true
},
mSummary: {
maxlength: 200
},
mDescription: {
required: true
},
mFile: {
required: true,
accept:
""+$("input[name=typeList]").val().replace(/\'/g,
'').replace(/\./g, '').replace(/,/g, '|') +""
},
tFile: {
required: function(element) {
return $("input[name=vType]").val() > 1;
},
accept: true
}
},
messages: {
mName: {
required: "Required"
},
mFile: {
required: "Required",
accept: "Invalid File, must be " +
$("input[name=typeList]").val()
},
mSummary: {
maxlength: "You may not use anymore than 200
characters"
},
mDescription: {
required: "Required"
},
tFile: {
required: "Required",
accept: "Invalid File, must be '.jpg', '.jpeg',
'.gif' or '.png'"
}
},
success: function(label) {
label.addClass("valid").text("OK!");
},
highlight: function(element, errorClass) {
$(element).addClass("errorInput");
},
unhighlight: function(element, errorClass) {
$(element).removeClass("errorInput");
},
submitHandler: function(form) {
ShowProgress();
form.submit();
}
});
});
[/code]
Re: [jQuery] Validate / Remote
That script will get a single GET paremter with the name of the field as the
key and the value of the field as the value, here you'd get
verifica_user.php?cusuario=username
Jörn
On Thu, Nov 26, 2009 at 1:30 PM, RCLumbriga wrote:
> Hi.. Sory the really bad english
>
> I have one problem with remote in Jquery.validate
>
> I do this
>
> cusuario:{
>required: true, minlength: 5,
>remote: "verifica_user.php"
>},
>
> Now i whant know how the script verifica_user.php will recive the
> information..
>
>
> I still trying make one script when any user go create on account,,
> first will verify if this account exist. If exist will appear on
> message.. This accound still in use. Please choice another..
>
> But i don't know how get the user still typing and pass from php
> script, where will do this comparation..
>
> Thanks
>
[jQuery] Validate / Remote
Hi.. Sory the really bad english
I have one problem with remote in Jquery.validate
I do this
cusuario:{
required: true, minlength: 5,
remote: "verifica_user.php"
},
Now i whant know how the script verifica_user.php will recive the
information..
I still trying make one script when any user go create on account,,
first will verify if this account exist. If exist will appear on
message.. This accound still in use. Please choice another..
But i don't know how get the user still typing and pass from php
script, where will do this comparation..
Thanks
Re: [jQuery] [validate] Specifying custom highlight/unhighlight methods problem
The validation plugin hides labels based on the error class. By adding that
class to your regular label, it'll get hidden, too. Try using a different
class for the regular label (with the same styles).
Jörn
On Wed, Nov 25, 2009 at 4:35 PM, Imre Farkas wrote:
> I'm trying to specify a couple of custom methods for highlighting/
> unhighlighting valid/invalid fields on my form, but I'm getting some
> strange behaviour, which I'm not sure is due to me misunderstanding
> how these methods are supposed to be implemented, or if it's just
> buggy.
>
> $().ready(function() {
>// validate signup form on keyup and submit
>$("#contactForm").validate({
>showErrors: function(errorMap, errorList) {
>$("#result").html(' class="msg">Please check/fill the marked fields !');
>this.defaultShowErrors();
>},
>highlight: function(element, errorClass) {
> $(element.form).find("label[for=" + element.id +
> "]").addClass
> (errorClass);
> },
>unhighlight: function(element, errorClass) {
> $(element.form).find("label[for=" + element.id +
> "]").removeClass
> (errorClass);
> },
>rules: {
>name: "required",
>email: {
>required: true,
>email: true
>}
>}
>});
> });
> My problem is when some of inputs in invalid, then the label will take
> the "error" class, will be turn on red, when I correct the content of
> input my label disapear, I have also the "valid" class, in my css
> file, what colud be the problem
>
> I hope You understand what I mean;
>
[jQuery] Validate: Display errors after Ajax form submit
I have the validator setup nicely with client side rules and some remote validations. That part is working well. When the form is submitted (via ajax) there may be some more complicated server side validations that generate errors. (Such as checking a credit card with the cc service, db concurrency issues, etc) When I gather these server side errors, I send them in a JSON response with HTTP code 200. The best method I could find in the documentation was "showErrors". I have this working also, where the 1 or more server side errors are shown next to each field in error. The problem is that while this shows them, it doesn't register these as errors, like the client side errors. For these server side errors, once the user changes some other field to trigger a client side error, the server errors displayed with showErrors vanish. Also, for client errors, the submit button does not trigger submit. With showErrors of server errors, they can submit again right away. Looking for a method like showErrors that will treat these errors just like the other Rules based ones, not clearing the error until the user has changed that data in some way.
[jQuery] [validate] Specifying custom highlight/unhighlight methods problem
I'm trying to specify a couple of custom methods for highlighting/
unhighlighting valid/invalid fields on my form, but I'm getting some
strange behaviour, which I'm not sure is due to me misunderstanding
how these methods are supposed to be implemented, or if it's just
buggy.
$().ready(function() {
// validate signup form on keyup and submit
$("#contactForm").validate({
showErrors: function(errorMap, errorList) {
$("#result").html('Please check/fill the marked fields !');
this.defaultShowErrors();
},
highlight: function(element, errorClass) {
$(element.form).find("label[for=" + element.id +
"]").addClass
(errorClass);
},
unhighlight: function(element, errorClass) {
$(element.form).find("label[for=" + element.id +
"]").removeClass
(errorClass);
},
rules: {
name: "required",
email: {
required: true,
email: true
}
}
});
});
My problem is when some of inputs in invalid, then the label will take
the "error" class, will be turn on red, when I correct the content of
input my label disapear, I have also the "valid" class, in my css
file, what colud be the problem
I hope You understand what I mean;
Re[2]: [jQuery] Validate: more info on options
Hello Jörn and all, Sorry, but I still can't find the table of options accepted by the Rules() method. In the Rules() sections it says that they are the same as in Rules parameter of Validate() method, and in Validate() topic it says "See Rules() for detailed description" :-). -- With best regards from Ukraine, Andre Skype: Francophile; Wlm&MSN: arthaelon @ yandex.ru; Jabber: arthaelon @ jabber.org Yahoo! messenger: andre.polykanine; ICQ: 191749952 Twitter: m_elensule - Original message - From: Jorn Zaefferer To: jquery-en Date: Wednesday, November 25, 2009, 4:41:28 PM Subject: [jQuery] Validate: more info on options The documentation for the plugin is here: http://docs.jquery.com/Plugins/Validation That includes documentation for the rules() method as well as descriptions for all built-in validation methods ( http://docs.jquery.com/Plugins/Validation#List_of_built-in_Validation_methods ). Jorn On Wed, Nov 25, 2009 at 3:26 PM, Andre Polykanine wrote: > Hello everyone, > > I decided to use the Validate plugin as suggested by many of you here. > But either I can't read, or I can't search, but I didn't manage to > find a description or a user guide for the options used by Rules() > method, for example. I have seen required, email, equalTo, and > minlength. > Where could I read about that? > Thanks! > > -- > With best regards from Ukraine, > Andre > Skype: Francophile; Wlm&MSN: arthaelon @ yandex.ru; Jabber: arthaelon @ > jabber.org > Yahoo! messenger: andre.polykanine; ICQ: 191749952 > Twitter: m_elensule > >
Re: [jQuery] Validate: more info on options
The documentation for the plugin is here: http://docs.jquery.com/Plugins/Validation That includes documentation for the rules() method as well as descriptions for all built-in validation methods ( http://docs.jquery.com/Plugins/Validation#List_of_built-in_Validation_methods ). Jörn On Wed, Nov 25, 2009 at 3:26 PM, Andre Polykanine wrote: > Hello everyone, > > I decided to use the Validate plugin as suggested by many of you here. > But either I can't read, or I can't search, but I didn't manage to > find a description or a user guide for the options used by Rules() > method, for example. I have seen required, email, equalTo, and > minlength. > Where could I read about that? > Thanks! > > -- > With best regards from Ukraine, > Andre > Skype: Francophile; Wlm&MSN: arthaelon @ yandex.ru; Jabber: arthaelon @ > jabber.org > Yahoo! messenger: andre.polykanine; ICQ: 191749952 > Twitter: m_elensule > >
[jQuery] Validate: more info on options
Hello everyone, I decided to use the Validate plugin as suggested by many of you here. But either I can't read, or I can't search, but I didn't manage to find a description or a user guide for the options used by Rules() method, for example. I have seen required, email, equalTo, and minlength. Where could I read about that? Thanks! -- With best regards from Ukraine, Andre Skype: Francophile; Wlm&MSN: arthaelon @ yandex.ru; Jabber: arthaelon @ jabber.org Yahoo! messenger: andre.polykanine; ICQ: 191749952 Twitter: m_elensule
[jQuery] [validate] Issues validating two different forms on same page using validation plugin
Hi. Would have posted this on the actual plugin page but comments are closed I was sent here instead. Here's the plugin page: http://bassistance.de/jquery-plugins/jquery-plugin-validation/ I have two different forms on the same page with different id attributes. Both have separate validate methods and their own rules for validation. I have setup an invalidHandler method (coded in both validate methos) that wraps the original form labels in a span tag to make them appear in red when the input is invalid. When one form is validated and the labels of invalid fields are wrapped in the span and made to appear red, the second form also seems to be validated as all of it's labels appear in red and have the span added to them. It seems to me that when the first form is submitted, the second is as well. of course none of that is filled out so all fields have errors. I can't see the difference between my two forms and the two forms on the demo page of the plugin. Can anyone help? Thanks.
[jQuery] [validate] - errorPlacement help
Hello, I'm having difficulty traversing the DOM with the validate plugin. I'm sure Jorn can figure this out quikcly :) I'm trying to target the error message to be placed in the tag. This tag can be any # of elements past the input or checkbox or whatever is being validated. Here's a sample: I confirm that I have permission to include this photograph The is right after the tag and 2 elements past the checkbox. How can I traverse the DOM to get to the span tag x # of tags past the validated element? Thanks!
[jQuery] Re: (Jquery Validate) Keep getting an error in IE8
I'm getting this same error. Does anyone have a patch for it?
On Nov 7, 9:31 pm, chobo2 wrote:
> Hi
>
> I don't know what is going but my jqueryvalidateplugin(1.5.5) is not
> working and I am not sure for how long since I do most of my testing
> on firefox.
>
> The problem is this I go to one of my forms that jqueryvalidateon it
> and hit my "create" button my validation kicks in as it should and
> does this right in all browsers including IE8. Now where it does not
> work is when I do this.
>
> I choose the first dropdown list and choose something. Then hit
> "create" now all validation errors should show up expect the one for
> the first dropdown box.
>
> It does this in all browsers except in IE 8. I get this
>
> > Webpage error details
>
> > User Agent: Mozilla/4.0 (compatible;
> > MSIE 8.0; Windows NT 6.1; Win64; x64;
> > Trident/4.0; .NET CLR 2.0.50727;
> > SLCC2; .NET CLR 3.5.30729; .NET CLR
> > 3.0.30729; Media Center PC 6.0; Tablet PC 2.0) Timestamp: Sun, 8 Nov 2009
> > 03:26:08 UTC
>
> > Message: Object required Line: 890
> > Char: 5 Code: 0 URI:
> >http://localhost:3668/Scripts/Plugins-Development/jquery.validate.js
>
> This is what is on line 890
>
> return options.length > 0 && ( element.type == "select-multiple"
> || ($.browser.msie && !(options[0].attributes['value'].specified) ?
> options[0].text : options[0].value).length > 0);
>
> This like the whole method block.
>
> methods: {
>
> //http://docs.jquery.com/Plugins/Validation/Methods/required
> required: function(value, element, param) {
> // check if dependency is met
> if ( !this.depend(param, element) )
> return "dependency-mismatch";
> switch( element.nodeName.toLowerCase() ) {
> case 'select':
> var options = $("option:selected", element);
> return options.length > 0 && ( element.type
> == "select-multiple"
> || ($.browser.msie && !(options[0].attributes['value'].specified) ?
> options[0].text : options[0].value).length > 0);
> case 'input':
> if ( this.checkable(element) )
> return this.getLength(value, element)
> > 0;
> default:
> return $.trim(value).length > 0;
> }
> },
>
> Not sure what is going on.
[jQuery] (validate)
I am trying to override only the showLabel function in the jquery.validate.js . I've found inheritence plugin for it. Nevertheless , I wasn't able to implement the example givven with it. Is there any way that I can reuse the jquery.validate.js without changing the original , but by overriding the function somehow , so that the label will be handled in some other manner in my own file of js ?
[jQuery] (validate) $.format() abnormalities
Hello,
I'm using the following string as an error message when a username is
already taken
remote: $.format("{0} already exists")
I am also using keyup validation.
The problem is if a user types "test" in the username field (username
is already taken) then the message "test already exists" comes up.
But when on the same page, the user deletes test and types
"test2" (another username that is taken) then the message "test
already exists" comes up. This message should be "test2 already
exists".
Anyone know how to fix this?
Thanks
[jQuery] validate with changing default submit
I am a novice at jquery/javascript.
I am trying to use validate plugin and then make a ajax request with
post() and I am thoroughly confused by the submitHandler option
Here's what I have:
The html
// many form elements here using validate plugin
// where xxx.php is NOT what I want to have executed because I don't
want a page refresh.
The jquery stuff
-
$(document).ready(function(){
$('#mail_form').validate();
$('#mail_form').submit(function() {
var formData = $('#mail_form').serialize();
$.post('mailer.php',formData,processResponse);
function processResponse(data,status) {
if(status='success') {
$('#zone1').html(data);
} else {
$('#zone1').html('An error has occured.');
}
}
});
I want to execute mailer.php. I understand I should use the
submitHandler: but I have no idea how to do it and retain the usage of
serialize and post().
The documentation for this case says:
$(".selector").validate({
submitHandler: function(form) {
$(form).ajaxSubmit();
}
})
but looking at the docs for ajaxSubmit seems to get orders of
magnitude more complicated. Suggestions? Thanks.
Mike
Re: [jQuery] (validate)
On Sun, Nov 22, 2009 at 11:21 AM, Enoch wrote:
[jQuery] (validate)
hi there i'm working with the remote method of validator plug-in to
have in response validity and a message... and i have it working!
the plugin show the remote msg ok but on lost focus i get:
Warning: No message defined for DE1695
the remote script always return {valid:tue,msg:somemsg}
test input (not valid ) 20-24006411-2
any other number with the same format will be ok.
test page: www.accionpyme.mecon.gov.ar/dna2/TEST/CUIT.php
the method:
function remotemsg(value, element, param) {
if ( this.optional(element) )
return "dependency-mismatch";
var previous = this.previousValue(element);
if (!this.settings.messages[element.name] )
this.settings.messages[element.name] = {};
//this.settings.messages[element.name].remote = typeof
previous.message == "function" ? previous.message(value) :
previous.message;
param = typeof param == "string" && {url:param} ||
param;
if ( previous.old !== value ) {
previous.old = value;
var validator = this;
this.startRequest(element);
var data = {};
data[element.name] = value;
$.ajax($.extend(true, {
url: param,
mode: "abort",
port: "validate" + element.name,
dataType: "json",
data: data,
success: function(response) {
console.log(response.msg);
var valid = response.valid ===
true;
if ( valid ) {
var submitted =
validator.formSubmitted;
validator.prepareElement(element);
validator.formSubmitted
= submitted;
validator.successList.push(element);
validator.showErrors();
} else {
var errors = {};
errors[element.name] =
response.msg;
validator.showErrors(errors);
}
previous.valid = valid;
validator.stopRequest(element,
valid);
}
}, param));
return "pending";
} else if( this.pending[element.name] ) {
return "pending";
}
return previous.valid;
}
jQuery.validator.addMethod("CUITR", remotemsg,false);
Re: [jQuery] (validate) custom message for maxlength
Sure:
messages: {
comments: {
maxlength: function(max) {
return "'Comments' must not exceed " + max + " characters. You entered
" + $("input[name=maxlength]").val().length + " characters";
}
}
}
Jörn
On Tue, Nov 17, 2009 at 8:16 PM, Kasvis wrote:
> Hi,
>
> I am trying to customize the message for maxlength rule.
>
> I want to show the current text length entered in the message
> something like this.
>
> 'Comments' must not exceed 660 characters. You entered 754 characters
>
> Is there a way to create the message to include the current length.
>
> Thanks
>
>
[jQuery] (validate) custom message for maxlength
Hi, I am trying to customize the message for maxlength rule. I want to show the current text length entered in the message something like this. 'Comments' must not exceed 660 characters. You entered 754 characters Is there a way to create the message to include the current length. Thanks
Re: [jQuery] (validate) error in IE7
Could you provide some code? A testpage? jsbin.com works great for that. Jörn On Tue, Nov 17, 2009 at 4:39 PM, dmikester1 wrote: > Here is the screenshot of the bug or error in IE7. Can anyone help me > figure this one out? > http://www.michaelandregina.com/jqueryErrorInIE7.png > Thanks > Mike >
[jQuery] (validate) error in IE7
Here is the screenshot of the bug or error in IE7. Can anyone help me figure this one out? http://www.michaelandregina.com/jqueryErrorInIE7.png Thanks Mike
[jQuery] validate
I'm using the validate.js plugin but need to validate the form onblur instead of onsubmit. How do I alter the code to validate onblur? Thanks, Marina
[jQuery] custon error Jquery Validate
When I use the jquery validate it creates a label with the error message field and add the error class in my imput, but I want him to add that only the class of error in the input without creating the label is possible?
[jQuery] Re: Jquery Validate Problem on IE (Solved)
-
kullanici: "Boşluk ve Türkçe karakter kullanılmadan en az 6
karakter",
} *>>> , <<<*
SIFRE: {
-
that comma makes the script crash. Thx Hasan Tayyar BESIK from
http://groups.google.com.tr/group/jquery-turkish/browse_thread/thread/1a4968641fbe5e7b
.
On 15 Kasım, 17:51, serhat wrote:
> Sorry my friend, still wating for solution. Tried a lot but still have
> the same problem :( We will get a solution just wait for replies.
>
> On 15 Kasım, 13:13, debian wrote:
>
>
>
> > I have the same problem without any $addMethod's. I saw some threads
> > about comma problems but can't make it work too :( . Did you find any
> > solution?
>
> > On 14 Kasım, 10:24, serhat wrote:
>
> > > I really need a solution soon can any one check my code?
>
> > > On 14 Kasım, 00:17, serhat wrote:
>
> > > > I also tried without $.validator.addMethod but still have the same
> > > > problem... Any idea or fix for this validation script? Thx for any
> > > > advise :)
>
> > > > On 13 Kasým, 18:25, serhat wrote:
>
> > > > > I have a form validation with Jquery+Jquery Validation Plugin. I tried
> > > > > all variations on my page but cant make it work on IE 6.0 , 7.0 or 8.0
> > > > > but both Firefox and Chrome works great. The code is;
>
> > > > > $(document).ready(function() {
> > > > > $.validator.addMethod("kullanici", function (value, element) {
> > > > > return /^[a-zA-Z0-9]+$/.test(value);
> > > > > },"Format");
>
> > > > > $.validator.addMethod("dogum", function (value, element) {
> > > > > return /^(((0[1-9]|[12]\d|3[01])\/(0[13578]|1[02])\/
> > > > > ((19|[2-9]\d)\d
> > > > > {2}))|((0[1-9]|[12]\d|30)\/(0[13456789]|1[012])\/((19|[2-9]\d)\d{2}))|
> > > > > ((0[1-9]|1\d|2[0-8])\/02\/((19|[2-9]\d)\d{2}))|(29\/02\/((1[6-9]|
> > > > > [2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])
> > > > > 00$/.test(value);
> > > > > },"Tarih formatý Gün/Ay/Yýl olmalýdýr");
>
> > > > > $.validator.addMethod("cep", function (value, element) {
> > > > > return /[0-9]{7}/.test(value);
> > > > > },"Cep telefonu formatý yanlýþ");
>
> > > > > var validator = $("#Uyeolform").validate({
> > > > > rules: {
> > > > > KULLANICI_ADI: {
> > > > > required: true,
> > > > > minlength: 6,
> > > > > maxlength: 20,
> > > > > kullanici: true
> > > > > },
> > > > > SIFRE: {
> > > > > required: true,
> > > > > minlength: 6
> > > > > },
> > > > > V_SIFRE: {
> > > > > required: true,
> > > > > equalTo: "#SIFRE"
> > > > > },
> > > > > GIZLI_SORU: "required",
> > > > > GIZLI_SORUM: "required",
> > > > > GIZLI_SORU_CEVAP: "required",
> > > > > ADI: "required",
> > > > > SOYADI: "required",
> > > > > EMAIL: {
> > > > > required: true,
> > > > > email: true
> > > > > },
> > > > > V_EMAIL: {
> > > > > required: true,
> > > > > equalTo: "#EMAIL"
> > > > > },
> > > > > CEP_TEL1: "required",
> > > > > CEP_TEL2: {
> > > > > required: true,
> > > > > cep: true
> > > > > },
> > > > > DOGUM_TARIHI: {
> > > > > dogum: true,
> > > > > required: true
> > > > > },
> > > > > SEHIR: "required",
> > > > > SOZLESME: "required"
> > > > > },
> > > > > messages: {
> > > > > KULLANICI_ADI: {
> > > > > required: "Kullanýcý adýnýzý giriniz",
> > > > > minlength: jQuery.format("En az {0}
> > > > > karakter girebilirsiniz"),
> > > > > maxlength: jQuery.format("En fazla {0}
> > > > > karakter girebilirsiniz"),
> > > > > kullanici: "Boþluk ve Türkçe karakter
> > > > > kullanýlmadan en az 6
> > > > > karakter",
> > > > > },
> > > > > SIFRE: {
> > > > > required: "Þifrenizi giriniz",
> > >
[jQuery] Re: Jquery Validate Problem on IE (Need Help)+1
Sorry my friend, still wating for solution. Tried a lot but still have
the same problem :( We will get a solution just wait for replies.
On 15 Kasım, 13:13, debian wrote:
> I have the same problem without any $addMethod's. I saw some threads
> about comma problems but can't make it work too :( . Did you find any
> solution?
>
> On 14 Kasım, 10:24, serhat wrote:
>
>
>
> > I really need a solution soon can any one check my code?
>
> > On 14 Kasım, 00:17, serhat wrote:
>
> > > I also tried without $.validator.addMethod but still have the same
> > > problem... Any idea or fix for this validation script? Thx for any
> > > advise :)
>
> > > On 13 Kasým, 18:25, serhat wrote:
>
> > > > I have a form validation with Jquery+Jquery Validation Plugin. I tried
> > > > all variations on my page but cant make it work on IE 6.0 , 7.0 or 8.0
> > > > but both Firefox and Chrome works great. The code is;
>
> > > > $(document).ready(function() {
> > > > $.validator.addMethod("kullanici", function (value, element) {
> > > > return /^[a-zA-Z0-9]+$/.test(value);
> > > > },"Format");
>
> > > > $.validator.addMethod("dogum", function (value, element) {
> > > > return /^(((0[1-9]|[12]\d|3[01])\/(0[13578]|1[02])\/
> > > > ((19|[2-9]\d)\d
> > > > {2}))|((0[1-9]|[12]\d|30)\/(0[13456789]|1[012])\/((19|[2-9]\d)\d{2}))|
> > > > ((0[1-9]|1\d|2[0-8])\/02\/((19|[2-9]\d)\d{2}))|(29\/02\/((1[6-9]|
> > > > [2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])
> > > > 00$/.test(value);
> > > > },"Tarih formatý Gün/Ay/Yýl olmalýdýr");
>
> > > > $.validator.addMethod("cep", function (value, element) {
> > > > return /[0-9]{7}/.test(value);
> > > > },"Cep telefonu formatý yanlýþ");
>
> > > > var validator = $("#Uyeolform").validate({
> > > > rules: {
> > > > KULLANICI_ADI: {
> > > > required: true,
> > > > minlength: 6,
> > > > maxlength: 20,
> > > > kullanici: true
> > > > },
> > > > SIFRE: {
> > > > required: true,
> > > > minlength: 6
> > > > },
> > > > V_SIFRE: {
> > > > required: true,
> > > > equalTo: "#SIFRE"
> > > > },
> > > > GIZLI_SORU: "required",
> > > > GIZLI_SORUM: "required",
> > > > GIZLI_SORU_CEVAP: "required",
> > > > ADI: "required",
> > > > SOYADI: "required",
> > > > EMAIL: {
> > > > required: true,
> > > > email: true
> > > > },
> > > > V_EMAIL: {
> > > > required: true,
> > > > equalTo: "#EMAIL"
> > > > },
> > > > CEP_TEL1: "required",
> > > > CEP_TEL2: {
> > > > required: true,
> > > > cep: true
> > > > },
> > > > DOGUM_TARIHI: {
> > > > dogum: true,
> > > > required: true
> > > > },
> > > > SEHIR: "required",
> > > > SOZLESME: "required"
> > > > },
> > > > messages: {
> > > > KULLANICI_ADI: {
> > > > required: "Kullanýcý adýnýzý giriniz",
> > > > minlength: jQuery.format("En az {0}
> > > > karakter girebilirsiniz"),
> > > > maxlength: jQuery.format("En fazla {0}
> > > > karakter girebilirsiniz"),
> > > > kullanici: "Boþluk ve Türkçe karakter
> > > > kullanýlmadan en az 6
> > > > karakter",
> > > > },
> > > > SIFRE: {
> > > > required: "Þifrenizi giriniz",
> > > > minlength: jQuery.format("En az {0}
> > > > karakter girebilirsiniz")
> > > > },
> > > > V_SIFRE: {
> > > > required: "Þifrenizi tekrar giriniz",
> > > > equalTo: "Þifreler uyumsuz"
> > > > },
> > > > GIZLI_SORU: "Gizli sorunuzu seçiniz",
> > > > GIZLI_SORUM: "Kendi gizli sorunuzu yazýnýz veya
> > > > varolanlardan
> > > > birini seçiniz",
> > > > GIZLI_SORU_CEVAP: "Gizli sor
[jQuery] Re: Jquery Validate Problem on IE (Need Help)
I have the same problem without any $addMethod's. I saw some threads
about comma problems but can't make it work too :( . Did you find any
solution?
On 14 Kasım, 10:24, serhat wrote:
> I really need a solution soon can any one check my code?
>
> On 14 Kasım, 00:17, serhat wrote:
>
>
>
> > I also tried without $.validator.addMethod but still have the same
> > problem... Any idea or fix for this validation script? Thx for any
> > advise :)
>
> > On 13 Kasým, 18:25, serhat wrote:
>
> > > I have a form validation with Jquery+Jquery Validation Plugin. I tried
> > > all variations on my page but cant make it work on IE 6.0 , 7.0 or 8.0
> > > but both Firefox and Chrome works great. The code is;
>
> > > $(document).ready(function() {
> > > $.validator.addMethod("kullanici", function (value, element) {
> > > return /^[a-zA-Z0-9]+$/.test(value);
> > > },"Format");
>
> > > $.validator.addMethod("dogum", function (value, element) {
> > > return /^(((0[1-9]|[12]\d|3[01])\/(0[13578]|1[02])\/
> > > ((19|[2-9]\d)\d
> > > {2}))|((0[1-9]|[12]\d|30)\/(0[13456789]|1[012])\/((19|[2-9]\d)\d{2}))|
> > > ((0[1-9]|1\d|2[0-8])\/02\/((19|[2-9]\d)\d{2}))|(29\/02\/((1[6-9]|
> > > [2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])
> > > 00$/.test(value);
> > > },"Tarih formatý Gün/Ay/Yýl olmalýdýr");
>
> > > $.validator.addMethod("cep", function (value, element) {
> > > return /[0-9]{7}/.test(value);
> > > },"Cep telefonu formatý yanlýþ");
>
> > > var validator = $("#Uyeolform").validate({
> > > rules: {
> > > KULLANICI_ADI: {
> > > required: true,
> > > minlength: 6,
> > > maxlength: 20,
> > > kullanici: true
> > > },
> > > SIFRE: {
> > > required: true,
> > > minlength: 6
> > > },
> > > V_SIFRE: {
> > > required: true,
> > > equalTo: "#SIFRE"
> > > },
> > > GIZLI_SORU: "required",
> > > GIZLI_SORUM: "required",
> > > GIZLI_SORU_CEVAP: "required",
> > > ADI: "required",
> > > SOYADI: "required",
> > > EMAIL: {
> > > required: true,
> > > email: true
> > > },
> > > V_EMAIL: {
> > > required: true,
> > > equalTo: "#EMAIL"
> > > },
> > > CEP_TEL1: "required",
> > > CEP_TEL2: {
> > > required: true,
> > > cep: true
> > > },
> > > DOGUM_TARIHI: {
> > > dogum: true,
> > > required: true
> > > },
> > > SEHIR: "required",
> > > SOZLESME: "required"
> > > },
> > > messages: {
> > > KULLANICI_ADI: {
> > > required: "Kullanýcý adýnýzý giriniz",
> > > minlength: jQuery.format("En az {0}
> > > karakter girebilirsiniz"),
> > > maxlength: jQuery.format("En fazla {0}
> > > karakter girebilirsiniz"),
> > > kullanici: "Boþluk ve Türkçe karakter
> > > kullanýlmadan en az 6
> > > karakter",
> > > },
> > > SIFRE: {
> > > required: "Þifrenizi giriniz",
> > > minlength: jQuery.format("En az {0}
> > > karakter girebilirsiniz")
> > > },
> > > V_SIFRE: {
> > > required: "Þifrenizi tekrar giriniz",
> > > equalTo: "Þifreler uyumsuz"
> > > },
> > > GIZLI_SORU: "Gizli sorunuzu seçiniz",
> > > GIZLI_SORUM: "Kendi gizli sorunuzu yazýnýz veya
> > > varolanlardan
> > > birini seçiniz",
> > > GIZLI_SORU_CEVAP: "Gizli sorunuzun cevabýný
> > > giriniz",
> > > ADI: "Adýnýzý giriniz",
> > > SOYADI: "Soyadýnýzý giriniz",
> > > EMAIL: {
> > > required: "Email adresinizi giriniz",
> > > email: "Lütfen geçerli bir email adresi
> > > giriniz"
> > >
[jQuery] Re: Jquery Validate Problem on IE (Need Help)
I really need a solution soon can any one check my code?
On 14 Kasım, 00:17, serhat wrote:
> I also tried without $.validator.addMethod but still have the same
> problem... Any idea or fix for this validation script? Thx for any
> advise :)
>
> On 13 Kasým, 18:25, serhat wrote:
>
>
>
> > I have a form validation with Jquery+Jquery Validation Plugin. I tried
> > all variations on my page but cant make it work on IE 6.0 , 7.0 or 8.0
> > but both Firefox and Chrome works great. The code is;
>
> > $(document).ready(function() {
> > $.validator.addMethod("kullanici", function (value, element) {
> > return /^[a-zA-Z0-9]+$/.test(value);
> > },"Format");
>
> > $.validator.addMethod("dogum", function (value, element) {
> > return /^(((0[1-9]|[12]\d|3[01])\/(0[13578]|1[02])\/
> > ((19|[2-9]\d)\d
> > {2}))|((0[1-9]|[12]\d|30)\/(0[13456789]|1[012])\/((19|[2-9]\d)\d{2}))|
> > ((0[1-9]|1\d|2[0-8])\/02\/((19|[2-9]\d)\d{2}))|(29\/02\/((1[6-9]|
> > [2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])
> > 00$/.test(value);
> > },"Tarih formatý Gün/Ay/Yýl olmalýdýr");
>
> > $.validator.addMethod("cep", function (value, element) {
> > return /[0-9]{7}/.test(value);
> > },"Cep telefonu formatý yanlýþ");
>
> > var validator = $("#Uyeolform").validate({
> > rules: {
> > KULLANICI_ADI: {
> > required: true,
> > minlength: 6,
> > maxlength: 20,
> > kullanici: true
> > },
> > SIFRE: {
> > required: true,
> > minlength: 6
> > },
> > V_SIFRE: {
> > required: true,
> > equalTo: "#SIFRE"
> > },
> > GIZLI_SORU: "required",
> > GIZLI_SORUM: "required",
> > GIZLI_SORU_CEVAP: "required",
> > ADI: "required",
> > SOYADI: "required",
> > EMAIL: {
> > required: true,
> > email: true
> > },
> > V_EMAIL: {
> > required: true,
> > equalTo: "#EMAIL"
> > },
> > CEP_TEL1: "required",
> > CEP_TEL2: {
> > required: true,
> > cep: true
> > },
> > DOGUM_TARIHI: {
> > dogum: true,
> > required: true
> > },
> > SEHIR: "required",
> > SOZLESME: "required"
> > },
> > messages: {
> > KULLANICI_ADI: {
> > required: "Kullanýcý adýnýzý giriniz",
> > minlength: jQuery.format("En az {0}
> > karakter girebilirsiniz"),
> > maxlength: jQuery.format("En fazla {0}
> > karakter girebilirsiniz"),
> > kullanici: "Boþluk ve Türkçe karakter
> > kullanýlmadan en az 6
> > karakter",
> > },
> > SIFRE: {
> > required: "Þifrenizi giriniz",
> > minlength: jQuery.format("En az {0}
> > karakter girebilirsiniz")
> > },
> > V_SIFRE: {
> > required: "Þifrenizi tekrar giriniz",
> > equalTo: "Þifreler uyumsuz"
> > },
> > GIZLI_SORU: "Gizli sorunuzu seçiniz",
> > GIZLI_SORUM: "Kendi gizli sorunuzu yazýnýz veya
> > varolanlardan
> > birini seçiniz",
> > GIZLI_SORU_CEVAP: "Gizli sorunuzun cevabýný
> > giriniz",
> > ADI: "Adýnýzý giriniz",
> > SOYADI: "Soyadýnýzý giriniz",
> > EMAIL: {
> > required: "Email adresinizi giriniz",
> > email: "Lütfen geçerli bir email adresi
> > giriniz"
> > },
> > V_EMAIL: {
> > required: "Email adresinizi tekrar
> > giriniz",
> > equalTo: "Email adresleri uyumsuz"
> > },
> > CEP_TEL1: "Lütfen operatör numaranýzý seçiniz
> > ",
> > CEP_TEL2: {
> >
[jQuery] Re: Jquery Validate Problem on IE
I also tried without $.validator.addMethod but still have the same
problem... Any idea or fix for this validation script? Thx for any
advise :)
On 13 Kasım, 18:25, serhat wrote:
> I have a form validation with Jquery+Jquery Validation Plugin. I tried
> all variations on my page but cant make it work on IE 6.0 , 7.0 or 8.0
> but both Firefox and Chrome works great. The code is;
>
> $(document).ready(function() {
> $.validator.addMethod("kullanici", function (value, element) {
> return /^[a-zA-Z0-9]+$/.test(value);
> },"Format");
>
> $.validator.addMethod("dogum", function (value, element) {
> return /^(((0[1-9]|[12]\d|3[01])\/(0[13578]|1[02])\/
> ((19|[2-9]\d)\d
> {2}))|((0[1-9]|[12]\d|30)\/(0[13456789]|1[012])\/((19|[2-9]\d)\d{2}))|
> ((0[1-9]|1\d|2[0-8])\/02\/((19|[2-9]\d)\d{2}))|(29\/02\/((1[6-9]|
> [2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])
> 00$/.test(value);
> },"Tarih formatı Gün/Ay/Yıl olmalıdır");
>
> $.validator.addMethod("cep", function (value, element) {
> return /[0-9]{7}/.test(value);
> },"Cep telefonu formatı yanlış");
>
> var validator = $("#Uyeolform").validate({
> rules: {
> KULLANICI_ADI: {
> required: true,
> minlength: 6,
> maxlength: 20,
> kullanici: true
> },
> SIFRE: {
> required: true,
> minlength: 6
> },
> V_SIFRE: {
> required: true,
> equalTo: "#SIFRE"
> },
> GIZLI_SORU: "required",
> GIZLI_SORUM: "required",
> GIZLI_SORU_CEVAP: "required",
> ADI: "required",
> SOYADI: "required",
> EMAIL: {
> required: true,
> email: true
> },
> V_EMAIL: {
> required: true,
> equalTo: "#EMAIL"
> },
> CEP_TEL1: "required",
> CEP_TEL2: {
> required: true,
> cep: true
> },
> DOGUM_TARIHI: {
> dogum: true,
> required: true
> },
> SEHIR: "required",
> SOZLESME: "required"
> },
> messages: {
> KULLANICI_ADI: {
> required: "Kullanıcı adınızı giriniz",
> minlength: jQuery.format("En az {0}
> karakter girebilirsiniz"),
> maxlength: jQuery.format("En fazla {0}
> karakter girebilirsiniz"),
> kullanici: "Boşluk ve Türkçe karakter
> kullanılmadan en az 6
> karakter",
> },
> SIFRE: {
> required: "Şifrenizi giriniz",
> minlength: jQuery.format("En az {0}
> karakter girebilirsiniz")
> },
> V_SIFRE: {
> required: "Şifrenizi tekrar giriniz",
> equalTo: "Şifreler uyumsuz"
> },
> GIZLI_SORU: "Gizli sorunuzu seçiniz",
> GIZLI_SORUM: "Kendi gizli sorunuzu yazınız veya
> varolanlardan
> birini seçiniz",
> GIZLI_SORU_CEVAP: "Gizli sorunuzun cevabını
> giriniz",
> ADI: "Adınızı giriniz",
> SOYADI: "Soyadınızı giriniz",
> EMAIL: {
> required: "Email adresinizi giriniz",
> email: "Lütfen geçerli bir email adresi
> giriniz"
> },
> V_EMAIL: {
> required: "Email adresinizi tekrar
> giriniz",
> equalTo: "Email adresleri uyumsuz"
> },
> CEP_TEL1: "Lütfen operatör numaranızı seçiniz
> ",
> CEP_TEL2: {
> required: "Lütfen cep telefonu
> numaranızı giriniz ",
> cep: "Lütfen cep telefonu numaranızı
> doğru giriniz "
> },
> DOGUM_TARIHI: {
> dogum: "Doğum tarihinizi giriniz (Gün/
> Ay/Yıl)",
>
[jQuery] VALIDATE change errormessage
Moin,
sorry, i dont get it: how to change the error message for all fields
"This field is required".
http://dev.jquery.com/view/trunk/
plugins/validate/jquery.validate.js">
$(document).ready(function(){
$("#mainform").validate();
});
thanks,
fyp
[jQuery] (validate) Change Framework to Select from Classes attached to Table Elements
I have a special application that I am trying to get the jQuery
Validation Plugin to work. All the elements on my page are encased
inside of a table, and I don't have the ability to apply classes
directly to the validated elements (, etc). The classes must
come on the table elements:
Either I need to be able to make a standard way to validate the entire
form with all the standard out-of-the-box validators using the strict
format listed above, or I need to change the plugin to work with my
application. Which is easier, and how could I approach this?
I've had some luck by manually attaching validation by using the
following code:
$(".required input").each(function() {
$(this).rules("add", {
required: true
});
});
but, I would rather use the plugin instead of having to go through all
the standard validations and manually applying them. It would also
help for custom validations, as it will take less code to use the
plugin methods directly.
Any help is appreciated.
