[jQuery] Validate, Remote and Custom Rules -- disable and enable a submit button.
I tried to make a remote validation with custom rules (return true or false) on a input field.
I do wanted to disable the submit button, I already did.
$("#submit").attr("disabled", "disabled");
However, I am clueless how could I enable it back again? Upon return of true?
Here's my js code:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="ProgId" content="Word.Document"><meta name="Generator" content="Microsoft Word 12"><meta name="Originator" content="Microsoft Word 12"><link rel="File-List" href="file:///C:%5CDOCUME%7E1%5CMIRAND%7E1.GPS%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_filelist.xml"><link rel="themeData" href="file:///C:%5CDOCUME%7E1%5CMIRAND%7E1.GPS%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_themedata.thmx"><link rel="colorSchemeMapping" href="file:///C:%5CDOCUME%7E1%5CMIRAND%7E1.GPS%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_colorschememapping.xml"><style>
<!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;
mso-font-charset:1;
mso-generic-font-family:roman;
mso-font-format:other;
mso-font-pitch:variable;
mso-font-signature:0 0 0 0 0 0;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;
mso-font-charset:0;
mso-generic-font-family:swiss;
mso-font-pitch:variable;
mso-font-signature:-1610611985 1073750139 0 0 159 0;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{mso-style-unhide:no;
mso-style-qformat:yes;
mso-style-parent:"";
margin-top:0in;
margin-right:0in;
margin-bottom:10.0pt;
margin-left:0in;
line-height:115%;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-fareast-font-family:Calibri;
mso-fareast-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:"Times New Roman";
mso-bidi-theme-font:minor-bidi;}
.MsoChpDefault
{mso-style-type:export-only;
mso-default-props:yes;
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-fareast-font-family:Calibri;
mso-fareast-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:"Times New Roman";
mso-bidi-theme-font:minor-bidi;}
.MsoPapDefault
{mso-style-type:export-only;
margin-bottom:10.0pt;
line-height:115%;}
@page Section1
{size:8.5in 11.0in;
margin:1.0in 1.0in 1.0in 1.0in;
mso-header-margin:.5in;
mso-footer-margin:.5in;
mso-paper-source:0;}
div.Section1
{page:Section1;}
-->
</style>
<p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style="background: white none repeat scroll 0% 0%; font-size: 10pt; font-family: "Courier New"; color: blue; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><</span><span style="background: white none repeat scroll 0% 0%; font-size: 10pt; font-family: "Courier New"; color: rgb(163, 21, 21); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">script</span><span style="background: white none repeat scroll 0% 0%; font-size: 10pt; font-family: "Courier New"; color: blue; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">></span><span style="font-size: 10pt; font-family: "Courier New";"></span>
<p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style="background: white none repeat scroll 0% 0%; font-size: 10pt; font-family: "Courier New"; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><span style=""> </span><span style="color: black;">$</span><span style="color: rgb(92, 92, 92);">(</span><span style="color: black;">document</span><span style="color: rgb(92, 92, 92);">).</span><span style="color: black;">ready</span><span style="color: rgb(92, 92, 92);">(</span><b><span style="color: rgb(0, 0, 192);">function</span></b><span style="color: rgb(92, 92, 92);">(){</span></span><span style="font-size: 10pt; font-family: "Courier New";"></span>
<p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style="background: white none repeat scroll 0% 0%; font-size: 10pt; font-family: "Courier New"; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><span style=""> </span><span style="color: black;">$</span><span style="color: rgb(92, 92, 92);">(</span><span style="color: rgb(0, 92, 0);">"#submit"</span><span style="color: rgb(92, 92, 92);">).</span><span style="color: black;">attr</span><span style="color: rgb(92, 92, 92);">(</span><span style="color: rgb(0, 92, 0);">"disabled"</span><span style="color: rgb(92, 92, 92);">,</span> <span style="color: rgb(0, 92, 0);">"disabled"</span><span style="color: rgb(92, 92, 92);">);</span></span><span style="font-size: 10pt; font-family: "Courier New";"></span>
<p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style="font-size: 10pt; font-family: "Courier New";"> </span>
<p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style="background: white none repeat scroll 0% 0%; font-size: 10pt; font-family: "Courier New"; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><span style=""> </span><span style="color: black;">$</span><span style="color: rgb(92, 92, 92);">(</span><span style="color: rgb(0, 92, 0);">"#codeClearance"</span><span style="color: rgb(92, 92, 92);">).</span><span style="color: black;">validate</span><span style="color: rgb(92, 92, 92);">(</span></span><span style="font-size: 10pt; font-family: "Courier New";"></span>
<p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style="background: white none repeat scroll 0% 0%; font-size: 10pt; font-family: "Courier New"; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><span style=""> </span><span style="color: rgb(92, 92, 92);">{</span></span><span style="font-size: 10pt; font-family: "Courier New";"></span>
<p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style="background: white none repeat scroll 0% 0%; font-size: 10pt; font-family: "Courier New"; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><span style=""> </span><span style="color: black;">rules</span><span style="color: rgb(92, 92, 92);">:</span> <span style="color: rgb(92, 92, 92);">{</span></span><span style="font-size: 10pt; font-family: "Courier New";"></span>
<p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style="background: white none repeat scroll 0% 0%; font-size: 10pt; font-family: "Courier New"; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><span style=""> checkcode</span><span style="color: rgb(92, 92, 92);">:</span> <span style="color: rgb(92, 92, 92);">{</span></span><span style="font-size: 10pt; font-family: "Courier New";"></span>
<p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style="background: white none repeat scroll 0% 0%; font-size: 10pt; font-family: "Courier New"; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><span style=""> </span><span style="color: black;">required</span><span style="color: rgb(92, 92, 92);">:</span> <span style="color: rgb(128, 0, 64);">true</span><span style="color: rgb(92, 92, 92);">,</span></span><span style="font-size: 10pt; font-family: "Courier New";"></span>
<p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style="background: white none repeat scroll 0% 0%; font-size: 10pt; font-family: "Courier New"; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><span style=""> </span><span style="color: black;">remote</span><span style="color: rgb(92, 92, 92);">:</span> <span style="color: rgb(0, 92, 0);">"badge.php"</span></span><span style="font-size: 10pt; font-family: "Courier New";"></span>
<p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style="background: white none repeat scroll 0% 0%; font-size: 10pt; font-family: "Courier New"; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><span style=""> </span><span style="color: rgb(92, 92, 92);">}</span></span><span style="font-size: 10pt; font-family: "Courier New";"></span>
<p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style="background: white none repeat scroll 0% 0%; font-size: 10pt; font-family: "Courier New"; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><span style=""> </span><span style="color: rgb(92, 92, 92);">}</span></span><span style="font-size: 10pt; font-family: "Courier New";"></span>
<p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style="background: white none repeat scroll 0% 0%; font-size: 10pt; font-family: "Courier New"; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><span style=""> </span><span style="color: rgb(92, 92, 92);">}</span></span><span style="font-size: 10pt; font-family: "Courier New";"></span>
<p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style="background: white none repeat scroll 0% 0%; font-size: 10pt; font-family: "Courier New"; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><span style=""> </span><span style="color: rgb(92, 92, 92);">);</span></span><span style="font-size: 10pt; font-family: "Courier New";"></span>
<p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style="background: white none repeat scroll 0% 0%; font-size: 10pt; font-family: "Courier New"; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><span style=""> </span><span style="color: rgb(92, 92, 92);">});</span></span><span style="font-size: 10pt; font-family: "Courier New";"></span>
<p class="MsoNormal"><span style="background: white none repeat scroll 0% 0%; font-size: 10pt; line-height: 115%; font-family: "Courier New"; color: blue; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></</span><span style="background: white none repeat scroll 0% 0%; font-size: 10pt; line-height: 115%; font-family: "Courier New"; color: rgb(163, 21, 21); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">script</span><span style="background: white none repeat scroll 0% 0%; font-size: 10pt; line-height: 115%; font-family: "Courier New"; color: blue; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">></span>
Is there a way to re-enable the submit button easily?
<br clear="all">--
Louie Miranda (<a href="mailto:lmiranda@gmail.com">lmiranda@gmail.com</a>)
<a href="http://www.louiemiranda.net">http://www.louiemiranda.net</a>
Quality Web Hosting - <a href="http://www.axishift.com">www.axishift.com</a>
Pinoy Web Hosting, Web Hosting Philippines