Note that there are some explanatory texts on larger screens.

plurals
  1. POJQuery Validate and database calls
    primarykey
    data
    text
    <p>I am using Jörn Zaefferer's JQuery Validate, but I need to make some database calls to validate some fields (for example to check if a User Name is unique). Is this possible using this plugin, and if so, does someone have some syntax examples? Here is my current code :</p> <pre><code>$("form").validate({ rules: { txtUserName: { required: true, minlength: 4 }, txtPassword: { required: true }, txtConfirmPassword: { required: true, equalTo: "#txtPassword" }, txtEmailAddress: { required: true, email: true }, txtTelephoneNumber: { required: true, number: true } }, messages: { txtUserName: { required: "Please enter a User Name", minlength: "User Name must be at least 4 characters" }, txtPassword: { required: "Please enter a Password" }, txtConfirmPassword: { required: "Please confirm Password", equalTo: "Confirm Password must match Password" }, txtEmailAddress: { required: "Please enter an Email Address", email: "Please enter a valid Email Address" }, txtTelephoneNumber: { required: "Please enter a Telephone Number", number: "Telephone Number must be numeric" } } }); }); </code></pre> <p>EDIT :</p> <p>I have got this far, but when I do this, I lose the values on my form, presumably because the form has already posted at this point?</p> <pre><code>$("form").validate({ //errorLabelContainer: $("#divErrors"), rules: { txtUserName: { required: true, minlength: 4 }, txtPassword: { required: true }, txtConfirmPassword: { required: true, equalTo: "#txtPassword" }, txtEmailAddress: { required: true, email: true }, txtTelephoneNumber: { required: true, number: true//, //postalCode:true } }, messages: { txtUserName: { required: "Please enter a User Name", minlength: "User Name must be at least 4 characters" }, txtPassword: { required: "Please enter a Password" }, txtConfirmPassword: { required: "Please confirm Password", equalTo: "Confirm Password must match Password" }, txtEmailAddress: { required: "Please enter an Email Address", email: "Please enter a valid Email Address" }, txtTelephoneNumber: { required: "Please enter a Telephone Number", number: "Telephone Number must be numeric" } }, onValid: addUser() }); }); </code></pre> <p>function addUser() {</p> <pre><code> alert($('input[name="txtUserName"]').val()); </code></pre> <p>}</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload