Databases
StackOverflow2013
Postsdbo
POJquery working in aspx normal page but not in content page
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POJquery working in aspx normal page but not in content page
    text
    copied!<p>Both Code is same only difference is one is in master page and another is not.</p> <p>I just want to know what change in code i need to do when we convert the page to master page in the jquery function calling and embedding </p> <p>Here workign means I can see the css effects in page and Javascrpt validation get called This is not working (Content Page) </p> <pre><code>&lt;%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Site.Master" CodeBehind="WebForm2.aspx.vb" Inherits="JqueryTest.WebForm2" %&gt; &lt;asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server"&gt; &lt;%--&lt;link rel="stylesheet" href='&lt;%=Page.ResolveUrl("./JQuery/validationEngine.jquery.css")%&gt;' type="text/css" /&gt; &lt;link rel="stylesheet" href='&lt;%=Page.ResolveUrl("./JQuery/template.css")%&gt;' type="text/css") /&gt; &lt;script src='&lt;%=Page.ResolveUrl("./JQuery/jquery-1.6.min.js")%&gt;' type="text/javascript"&gt; &lt;/script&gt; &lt;script src='&lt;%=Page.ResolveUrl("./JQuery/jquery.validationEngine-en.js")%&gt;' type="text/javascript" charset="utf-8"&gt; &lt;/script&gt; &lt;script src='&lt;%=Page.ResolveUrl("./JQuery/jquery.validationEngine.js")%&gt;' type="text/javascript" charset="utf-8"&gt; &lt;/script&gt;--%&gt; &lt;link rel="stylesheet" href="./JQuery/validationEngine.jquery.css" type="text/css" /&gt; &lt;link rel="stylesheet" href="./JQuery/template.css" type="text/css" /&gt; &lt;script src="./JQuery/jquery-1.6.min.js" type="text/javascript" &gt; &lt;/script&gt; &lt;script src="./JQuery/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8" &gt; &lt;/script&gt; &lt;script src="./JQuery/jquery.validationEngine.js" type="text/javascript" charset="utf-8" &gt; &lt;/script&gt; &lt;script&gt; jQuery(document).ready(function () { // binds form submission and fields to the validation engine jQuery("#formID").validationEngine(); }); function checkHELLO(field, rules, i, options) { if (field.val() != "HELLO") { // this allows to use i18 for the error msgs return options.allrules.validate2fields.alertText; } } &lt;/script&gt; &lt;/asp:Content&gt; &lt;asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"&gt; &lt;p&gt; &lt;a href="http://www.position-relative.net/creation/formValidator/demos/demoValidators.html#" onclick="alert(&amp;#39;is the form valid? &amp;#39;+jQuery(&amp;#39;#formID&amp;#39;).validationEngine(&amp;#39;validate&amp;#39;))"&gt; Evaluate form&lt;/a&gt; | &lt;a href="http://www.position-relative.net/creation/formValidator/demos/demoValidators.html#" onclick="jQuery(&amp;#39;#sport&amp;#39;).validationEngine(&amp;#39;validate&amp;#39;)"&gt;Validate sport1 select field&lt;/a&gt; | &lt;a href="http://www.position-relative.net/creation/formValidator/demos/demoValidators.html#" onclick="jQuery(&amp;#39;#sport&amp;#39;).validationEngine(&amp;#39;hide&amp;#39;)"&gt;Close favorite sport 1 prompt&lt;/a&gt; | &lt;a href="http://www.position-relative.net/creation/formValidator/demos/demoValidators.html#" onclick="jQuery(&amp;#39;#formID&amp;#39;).validationEngine(&amp;#39;hide&amp;#39;)"&gt;Close all prompts on form&lt;/a&gt; | &lt;a href="http://www.position-relative.net/creation/formValidator/demos/demoValidators.html#" onclick="jQuery(&amp;#39;#formID&amp;#39;).validationEngine(&amp;#39;updatePromptsPosition&amp;#39;)"&gt; Update all prompts positions&lt;/a&gt; | &lt;a href="http://www.position-relative.net/creation/formValidator/demos/demoValidators.html#" onclick="jQuery(&amp;#39;#test&amp;#39;).validationEngine(&amp;#39;showPrompt&amp;#39;, &amp;#39;This is an example&amp;#39;, &amp;#39;pass&amp;#39;)"&gt; Build a prompt on a div&lt;/a&gt; | &lt;a href="http://www.position-relative.net/creation/formValidator/demos/demoValidators.html#" onclick="jQuery(&amp;#39;#test&amp;#39;).validationEngine(&amp;#39;hide&amp;#39;)"&gt;Close div prompt&lt;/a&gt; | &lt;a href="http://www.position-relative.net/creation/formValidator/index.html"&gt;Back to index&lt;/a&gt; &lt;/p&gt; &lt;p&gt; This demonstration shows the different validators available &lt;br&gt; &lt;/p&gt; &lt;div id="test" class="test" style="width: 150px;"&gt; This is a div element&lt;/div&gt; &lt;form id="formID" class="formular" method="post"&gt; &lt;fieldset&gt; &lt;legend&gt;Required! &lt;/legend&gt; &lt;label&gt; &lt;span&gt;Field is required : &lt;/span&gt; &lt;input value="" class="validate[required] text-input" type="text" name="req" id="req"&gt; &lt;/label&gt; &lt;legend&gt;Placeholder &amp;amp; required &lt;/legend&gt; &lt;label&gt; &lt;span&gt;Field is required : &lt;/span&gt; &lt;input value="This is a placeholder" data-validation-placeholder="This is a placeholder" class="validate[required] text-input" type="text" name="reqplaceholder" id="reqplaceholder"&gt; &lt;/label&gt; &lt;label&gt; &lt;span&gt;Favorite sport 1:&lt;/span&gt; &lt;select name="sport" id="sport" class="validate[required]"&gt; &lt;option value=""&gt;Choose a sport&lt;/option&gt; &lt;option value="option1"&gt;Tennis&lt;/option&gt; &lt;option value="option2"&gt;Football&lt;/option&gt; &lt;option value="option3"&gt;Golf&lt;/option&gt; &lt;/select&gt; &lt;/label&gt; &lt;label&gt; &lt;span&gt;Favorite sport 2:&lt;/span&gt; &lt;select name="sport2" id="sport2" multiple="" class="validate[required]"&gt; &lt;option value=""&gt;Choose a sport&lt;/option&gt; &lt;option value="option1"&gt;Tennis&lt;/option&gt; &lt;option value="option2"&gt;Football&lt;/option&gt; &lt;option value="option3"&gt;Golf&lt;/option&gt; &lt;/select&gt; &lt;/label&gt; &lt;br&gt; validate[required] &lt;/fieldset&gt; &lt;fieldset&gt; &lt;legend&gt;Custom &lt;/legend&gt; &lt;label&gt; &lt;p&gt; Comes with many predifined regex (phone, url, ip, email..etc)&lt;/p&gt; &lt;a href="http://www.position-relative.net/creation/formValidator/demos/demoRegExp.html"&gt; [DEMO]&lt;/a&gt; &lt;br&gt; &lt;span&gt;Enter a URL : &lt;/span&gt; &lt;input value="http://" class="validate[required,custom[url]] text-input" type="text" name="url" id="url"&gt; &lt;br&gt; validate[required,custom[url]] &lt;/label&gt; &lt;/fieldset&gt; &lt;fieldset&gt; &lt;legend&gt;Function &lt;/legend&gt; &lt;label&gt; &lt;span&gt;Write 'HELLO' : &lt;/span&gt; &lt;input value="" class="validate[required,funcCall[checkHELLO]] text-input" type="text" id="lastname" name="lastname"&gt; &lt;br&gt; validate[required,funcCall[checkHELLO]] &lt;/label&gt; &lt;/fieldset&gt; &lt;fieldset&gt; &lt;legend&gt;Past &lt;/legend&gt; &lt;label&gt; Checks that the value is a date in the past &lt;br&gt; &lt;span&gt;Please enter a date ealier than 2010/01/01&lt;/span&gt; &lt;input value="2009/06/30" class="validate[custom[date],past[2010/01/01]] text-input" type="text" name="past" id="past"&gt; &lt;br&gt; validate[custom[date],past[2010/01/01]] &lt;/label&gt; &lt;/fieldset&gt; &lt;fieldset&gt; &lt;legend&gt;Future &lt;/legend&gt; &lt;label&gt; Checks that the value is a date in the future &lt;br&gt; &lt;span&gt;Please enter a date older than today's date&lt;/span&gt; &lt;input value="2011-01-" class="validate[custom[date],future[NOW]] text-input" type="text" name="future" id="future"&gt; &lt;br&gt; validate[custom[date],future[NOW]] &lt;/label&gt; &lt;/fieldset&gt; &lt;fieldset&gt; &lt;legend&gt;Group required &lt;/legend&gt; &lt;label&gt; Checks if at least one of the input is not empty. &lt;br&gt; &lt;br&gt; &lt;span&gt;Please enter a credit card&lt;/span&gt; &lt;/label&gt; &lt;input value="" class="validate[groupRequired[payments]] text-input" type="text" name="creditcard1" id="creditcard1"&gt; &lt;label&gt; &lt;strong&gt;OR&lt;/strong&gt;&lt;/label&gt;&lt;br&gt; &lt;label&gt; Please enter a paypal acccount&lt;/label&gt; &lt;input value="" class="validate[groupRequired[payments],custom[email]] text-input" type="text" name="paypal" id="paypal"&gt; &lt;label&gt; &lt;strong&gt;OR&lt;/strong&gt;&lt;/label&gt;&lt;br&gt; &lt;label&gt; Please enter a bank account&lt;/label&gt; &lt;input value="" class="validate[groupRequired[payments],custom[integer]] text-input" type="text" name="bank" id="bank"&gt; &lt;label&gt; &lt;strong&gt;OR&lt;/strong&gt;&lt;/label&gt;&lt;br&gt; &lt;label&gt; Please choose from select&lt;/label&gt; &lt;select class="validate[groupRequired[payments]] text-input" type="text" name="bank2" id="bank2"&gt; &lt;option value=""&gt;Choose a payment option&lt;/option&gt; &lt;option value="Paypal"&gt;Paypal&lt;/option&gt; &lt;option value="Bank"&gt;Bank account&lt;/option&gt; &lt;/select&gt; &lt;/fieldset&gt; &lt;fieldset&gt; &lt;legend&gt;Date Range&lt;br&gt; &lt;/legend&gt; &lt;label&gt; Checks that the start date is before the end date Please enter an end date ealier than the start date&lt;br&gt; &lt;br&gt; &lt;label for="date1"&gt; Start Date : &lt;/label&gt; &lt;input value="9/1/2009" class="validate[dateRange[grp1]]" type="text" id="date1"&gt; &lt;/label&gt; &lt;label&gt; &lt;label for="date2"&gt; End Date : &lt;/label&gt; &lt;input value="3/18/1985" class="validate[dateRange[grp1]]" type="text" id="date2"&gt; &lt;br&gt; validate[dateRange[grp1]]&lt;br&gt; Note* Both fields must have the same name &lt;/label&gt; &lt;/fieldset&gt; &lt;fieldset&gt; &lt;legend&gt;Date Time Range&lt;br&gt; &lt;/legend&gt; &lt;label&gt; Checks that the start date and time are before the end date and time Please enter an end date ealier than the start date&lt;br&gt; &lt;br&gt; &lt;label for="date1"&gt; Start Date Time: &lt;/label&gt; &lt;input value="9/1/2009 9:30:00 PM" class="validate[dateTimeRange[grp2]]" type="text" id="datetime1"&gt; &lt;/label&gt; &lt;label&gt; &lt;label for="date2"&gt; End Date Time: &lt;/label&gt; &lt;input value="9/1/2009 2:30:00 AM" class="validate[dateTimeRange[grp2]]" type="text" id="datetime2"&gt; &lt;br&gt; validate[dateTimeRange[grp2]&lt;br&gt; Note* Both fields must have the same name &lt;/label&gt; &lt;/fieldset&gt; &lt;fieldset&gt; &lt;legend&gt;Credit Card &lt;/legend&gt; &lt;label&gt; Checks that the credit card number is at least theoretically valid, according the to the &lt;a href="http://en.wikipedia.org/wiki/Luhn_algorithm"&gt;Luhn checksum algorithm&lt;/a&gt;, but not whether the specific card number is active with a bank, etc. &lt;br&gt; &lt;br&gt; Since credit cards are often presented in different formats, spaces and hyphens (' ','-') are simply ignored. &lt;br&gt; &lt;br&gt; Examples:&lt;br&gt; &lt;ul&gt; &lt;li&gt;4111 1111 1111 1111&lt;/li&gt; &lt;li&gt;3737-321345-610004&lt;/li&gt; &lt;/ul&gt; &lt;a href="http://www.paypalobjects.com/en_US/vhelp/paypalmanager_help/credit_card_numbers.htm"&gt; More examples&lt;/a&gt; &lt;br&gt; &lt;input value="" class="validate[required,creditCard] text-input" type="text" name="creditcard2" id="creditcard2"&gt; &lt;br&gt; validate[required,creditCard] &lt;/label&gt; &lt;/fieldset&gt; &lt;fieldset&gt; &lt;legend&gt;Checkbox &lt;/legend&gt; &lt;label&gt; Check this &lt;a href="http://www.position-relative.net/creation/formValidator/demos/demoCheckBox.html"&gt; [DEMO]&lt;/a&gt; &lt;/label&gt; &lt;/fieldset&gt; &lt;fieldset&gt; &lt;legend&gt;Ajax &lt;/legend&gt; &lt;label&gt; Check this &lt;a href="http://www.position-relative.net/creation/formValidator/demos/demoAjaxSubmitPHP.html"&gt; [DEMO]&lt;/a&gt; &lt;/label&gt; &lt;/fieldset&gt; &lt;input class="submit" type="submit" value="Validate &amp;amp; Send the form!"&gt;&lt;hr&gt; &lt;/form&gt; &lt;/asp:Content&gt; </code></pre> <p>This is working (Normal ASPX page)</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;!-- saved from url=(0081)http://www.position-relative.net/creation/formValidator/demos/demoValidators.html --&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt; &lt;title&gt;JQuery Validation Engine&lt;/title&gt; &lt;link rel="stylesheet" href="./JQuery Validation Engine_files/validationEngine.jquery.css" type="text/css"&gt; &lt;link rel="stylesheet" href="./JQuery Validation Engine_files/template.css" type="text/css"&gt; &lt;script src="./JQuery Validation Engine_files/jquery-1.6.min.js" type="text/javascript"&gt; &lt;/script&gt; &lt;script src="./JQuery Validation Engine_files/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8"&gt; &lt;/script&gt; &lt;script src="./JQuery Validation Engine_files/jquery.validationEngine.js" type="text/javascript" charset="utf-8"&gt; &lt;/script&gt; &lt;script&gt; jQuery(document).ready(function () { // binds form submission and fields to the validation engine jQuery("#formID").validationEngine(); }); function checkHELLO(field, rules, i, options) { if (field.val() != "HELLO") { // this allows to use i18 for the error msgs return options.allrules.validate2fields.alertText; } } &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;p&gt; &lt;a href="http://www.position-relative.net/creation/formValidator/demos/demoValidators.html#" onclick="alert(&amp;#39;is the form valid? &amp;#39;+jQuery(&amp;#39;#formID&amp;#39;).validationEngine(&amp;#39;validate&amp;#39;))"&gt; Evaluate form&lt;/a&gt; | &lt;a href="http://www.position-relative.net/creation/formValidator/demos/demoValidators.html#" onclick="jQuery(&amp;#39;#sport&amp;#39;).validationEngine(&amp;#39;validate&amp;#39;)"&gt;Validate sport1 select field&lt;/a&gt; | &lt;a href="http://www.position-relative.net/creation/formValidator/demos/demoValidators.html#" onclick="jQuery(&amp;#39;#sport&amp;#39;).validationEngine(&amp;#39;hide&amp;#39;)"&gt;Close favorite sport 1 prompt&lt;/a&gt; | &lt;a href="http://www.position-relative.net/creation/formValidator/demos/demoValidators.html#" onclick="jQuery(&amp;#39;#formID&amp;#39;).validationEngine(&amp;#39;hide&amp;#39;)"&gt;Close all prompts on form&lt;/a&gt; | &lt;a href="http://www.position-relative.net/creation/formValidator/demos/demoValidators.html#" onclick="jQuery(&amp;#39;#formID&amp;#39;).validationEngine(&amp;#39;updatePromptsPosition&amp;#39;)"&gt; Update all prompts positions&lt;/a&gt; | &lt;a href="http://www.position-relative.net/creation/formValidator/demos/demoValidators.html#" onclick="jQuery(&amp;#39;#test&amp;#39;).validationEngine(&amp;#39;showPrompt&amp;#39;, &amp;#39;This is an example&amp;#39;, &amp;#39;pass&amp;#39;)"&gt; Build a prompt on a div&lt;/a&gt; | &lt;a href="http://www.position-relative.net/creation/formValidator/demos/demoValidators.html#" onclick="jQuery(&amp;#39;#test&amp;#39;).validationEngine(&amp;#39;hide&amp;#39;)"&gt;Close div prompt&lt;/a&gt; | &lt;a href="http://www.position-relative.net/creation/formValidator/index.html"&gt;Back to index&lt;/a&gt; &lt;/p&gt; &lt;p&gt; This demonstration shows the different validators available &lt;br&gt; &lt;/p&gt; &lt;div id="test" class="test" style="width: 150px;"&gt; This is a div element&lt;/div&gt; &lt;form id="formID" class="formular" method="post"&gt; &lt;fieldset&gt; &lt;legend&gt;Required! &lt;/legend&gt; &lt;label&gt; &lt;span&gt;Field is required : &lt;/span&gt; &lt;input value="" class="validate[required] text-input" type="text" name="req" id="req"&gt; &lt;/label&gt; &lt;legend&gt;Placeholder &amp;amp; required &lt;/legend&gt; &lt;label&gt; &lt;span&gt;Field is required : &lt;/span&gt; &lt;input value="This is a placeholder" data-validation-placeholder="This is a placeholder" class="validate[required] text-input" type="text" name="reqplaceholder" id="reqplaceholder"&gt; &lt;/label&gt; &lt;label&gt; &lt;span&gt;Favorite sport 1:&lt;/span&gt; &lt;select name="sport" id="sport" class="validate[required]"&gt; &lt;option value=""&gt;Choose a sport&lt;/option&gt; &lt;option value="option1"&gt;Tennis&lt;/option&gt; &lt;option value="option2"&gt;Football&lt;/option&gt; &lt;option value="option3"&gt;Golf&lt;/option&gt; &lt;/select&gt; &lt;/label&gt; &lt;label&gt; &lt;span&gt;Favorite sport 2:&lt;/span&gt; &lt;select name="sport2" id="sport2" multiple="" class="validate[required]"&gt; &lt;option value=""&gt;Choose a sport&lt;/option&gt; &lt;option value="option1"&gt;Tennis&lt;/option&gt; &lt;option value="option2"&gt;Football&lt;/option&gt; &lt;option value="option3"&gt;Golf&lt;/option&gt; &lt;/select&gt; &lt;/label&gt; &lt;br&gt; validate[required] &lt;/fieldset&gt; &lt;fieldset&gt; &lt;legend&gt;Equals &lt;/legend&gt; &lt;label&gt; &lt;span&gt;Password : &lt;/span&gt; &lt;input value="karnius" class="validate[required] text-input" type="password" name="password" id="password"&gt; &lt;/label&gt; &lt;label&gt; &lt;span&gt;Confirm password : &lt;/span&gt; &lt;input value="kaniusBAD" class="validate[required,equals[password]] text-input" type="password" name="password2" id="password2"&gt; &lt;br&gt; validate[required,equals[password]] &lt;/label&gt; &lt;/fieldset&gt; &lt;fieldset&gt; &lt;legend&gt;Function &lt;/legend&gt; &lt;label&gt; &lt;span&gt;Write 'HELLO' : &lt;/span&gt; &lt;input value="" class="validate[required,funcCall[checkHELLO]] text-input" type="text" id="lastname" name="lastname"&gt; &lt;br&gt; validate[required,funcCall[checkHELLO]] &lt;/label&gt; &lt;/fieldset&gt; &lt;fieldset&gt; &lt;legend&gt;MinSize &lt;/legend&gt; &lt;label&gt; Minimum field size &lt;br&gt; &lt;input value="" class="validate[required,minSize[6]] text-input" type="text" name="minsize" id="minsize"&gt; &lt;br&gt; validate[required,minSize[6]] &lt;/label&gt; &lt;/fieldset&gt; &lt;fieldset&gt; &lt;legend&gt;MaxSize &lt;/legend&gt; &lt;label&gt; Maximum field size, optional &lt;br&gt; &lt;input value="0123456789" class="validate[optional,maxSize[6]] text-input" type="text" name="maxsize" id="maxsize"&gt; &lt;br&gt; validate[maxSize[6]]&lt;br&gt; note that the field is optional - it won't fail if it has no value &lt;/label&gt; &lt;/fieldset&gt; &lt;fieldset&gt; &lt;legend&gt;Min &lt;/legend&gt; &lt;label&gt; integer &amp;gt;= -5 &lt;br&gt; &lt;input value="-7" class="validate[required,custom[integer],min[-5]] text-input" type="text" name="min" id="min"&gt; &lt;br&gt; validate[required,custom[integer],min[-5]] &lt;/label&gt; &lt;/fieldset&gt; &lt;fieldset&gt; &lt;legend&gt;Max &lt;/legend&gt; &lt;label&gt; integer ,50] &lt;br&gt; &lt;input value="55" class="validate[required,custom[integer],max[50]] text-input" type="text" name="max" id="max"&gt; &lt;br&gt; validate[required,custom[integer],max[50]] &lt;/label&gt; &lt;/fieldset&gt; &lt;fieldset&gt; &lt;legend&gt;Past &lt;/legend&gt; &lt;label&gt; Checks that the value is a date in the past &lt;br&gt; &lt;span&gt;Please enter a date ealier than 2010/01/01&lt;/span&gt; &lt;input value="2009/06/30" class="validate[custom[date],past[2010/01/01]] text-input" type="text" name="past" id="past"&gt; &lt;br&gt; validate[custom[date],past[2010/01/01]] &lt;/label&gt; &lt;/fieldset&gt; &lt;fieldset&gt; &lt;legend&gt;Future &lt;/legend&gt; &lt;label&gt; Checks that the value is a date in the future &lt;br&gt; &lt;span&gt;Please enter a date older than today's date&lt;/span&gt; &lt;input value="2011-01-" class="validate[custom[date],future[NOW]] text-input" type="text" name="future" id="future"&gt; &lt;br&gt; validate[custom[date],future[NOW]] &lt;/label&gt; &lt;/fieldset&gt; &lt;fieldset&gt; &lt;legend&gt;Group required &lt;/legend&gt; &lt;label&gt; Checks if at least one of the input is not empty. &lt;br&gt; &lt;br&gt; &lt;span&gt;Please enter a credit card&lt;/span&gt; &lt;/label&gt; &lt;input value="" class="validate[groupRequired[payments]] text-input" type="text" name="creditcard1" id="creditcard1"&gt; &lt;label&gt; &lt;strong&gt;OR&lt;/strong&gt;&lt;/label&gt;&lt;br&gt; &lt;label&gt; Please enter a paypal acccount&lt;/label&gt; &lt;input value="" class="validate[groupRequired[payments],custom[email]] text-input" type="text" name="paypal" id="paypal"&gt; &lt;label&gt; &lt;strong&gt;OR&lt;/strong&gt;&lt;/label&gt;&lt;br&gt; &lt;label&gt; Please enter a bank account&lt;/label&gt; &lt;input value="" class="validate[groupRequired[payments],custom[integer]] text-input" type="text" name="bank" id="bank"&gt; &lt;label&gt; &lt;strong&gt;OR&lt;/strong&gt;&lt;/label&gt;&lt;br&gt; &lt;label&gt; Please choose from select&lt;/label&gt; &lt;select class="validate[groupRequired[payments]] text-input" type="text" name="bank2" id="bank2"&gt; &lt;option value=""&gt;Choose a payment option&lt;/option&gt; &lt;option value="Paypal"&gt;Paypal&lt;/option&gt; &lt;option value="Bank"&gt;Bank account&lt;/option&gt; &lt;/select&gt; &lt;/fieldset&gt; &lt;fieldset&gt; &lt;legend&gt;Date Range&lt;br&gt; &lt;/legend&gt; &lt;label&gt; Checks that the start date is before the end date Please enter an end date ealier than the start date&lt;br&gt; &lt;br&gt; &lt;label for="date1"&gt; Start Date : &lt;/label&gt; &lt;input value="9/1/2009" class="validate[dateRange[grp1]]" type="text" id="date1"&gt; &lt;/label&gt; &lt;label&gt; &lt;label for="date2"&gt; End Date : &lt;/label&gt; &lt;input value="3/18/1985" class="validate[dateRange[grp1]]" type="text" id="date2"&gt; &lt;br&gt; validate[dateRange[grp1]]&lt;br&gt; Note* Both fields must have the same name &lt;/label&gt; &lt;/fieldset&gt; &lt;fieldset&gt; &lt;legend&gt;Date Time Range&lt;br&gt; &lt;/legend&gt; &lt;label&gt; Checks that the start date and time are before the end date and time Please enter an end date ealier than the start date&lt;br&gt; &lt;br&gt; &lt;label for="date1"&gt; Start Date Time: &lt;/label&gt; &lt;input value="9/1/2009 9:30:00 PM" class="validate[dateTimeRange[grp2]]" type="text" id="datetime1"&gt; &lt;/label&gt; &lt;label&gt; &lt;label for="date2"&gt; End Date Time: &lt;/label&gt; &lt;input value="9/1/2009 2:30:00 AM" class="validate[dateTimeRange[grp2]]" type="text" id="datetime2"&gt; &lt;br&gt; validate[dateTimeRange[grp2]&lt;br&gt; Note* Both fields must have the same name &lt;/label&gt; &lt;/fieldset&gt; &lt;fieldset&gt; &lt;legend&gt;Credit Card &lt;/legend&gt; &lt;label&gt; Checks that the credit card number is at least theoretically valid, according the to the &lt;a href="http://en.wikipedia.org/wiki/Luhn_algorithm"&gt;Luhn checksum algorithm&lt;/a&gt;, but not whether the specific card number is active with a bank, etc. &lt;br&gt; &lt;br&gt; Since credit cards are often presented in different formats, spaces and hyphens (' ','-') are simply ignored. &lt;br&gt; &lt;br&gt; Examples:&lt;br&gt; &lt;ul&gt; &lt;li&gt;4111 1111 1111 1111&lt;/li&gt; &lt;li&gt;3737-321345-610004&lt;/li&gt; &lt;/ul&gt; &lt;a href="http://www.paypalobjects.com/en_US/vhelp/paypalmanager_help/credit_card_numbers.htm"&gt; More examples&lt;/a&gt; &lt;br&gt; &lt;input value="" class="validate[required,creditCard] text-input" type="text" name="creditcard2" id="creditcard2"&gt; &lt;br&gt; validate[required,creditCard] &lt;/label&gt; &lt;/fieldset&gt; &lt;fieldset&gt; &lt;legend&gt;Checkbox &lt;/legend&gt; &lt;label&gt; Check this &lt;a href="http://www.position-relative.net/creation/formValidator/demos/demoCheckBox.html"&gt; [DEMO]&lt;/a&gt; &lt;/label&gt; &lt;/fieldset&gt; &lt;fieldset&gt; &lt;legend&gt;Ajax &lt;/legend&gt; &lt;label&gt; Check this &lt;a href="http://www.position-relative.net/creation/formValidator/demos/demoAjaxSubmitPHP.html"&gt; [DEMO]&lt;/a&gt; &lt;/label&gt; &lt;/fieldset&gt; &lt;input class="submit" type="submit" value="Validate &amp;amp; Send the form!"&gt;&lt;hr&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

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