[jQuery] Code simplifying request.

<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:st1="urn:schemas-microsoft-com:office:smarttags" xmlns="http://www.w3.org/TR/REC-html40"
xmlns:ns0="urn:schemas-microsoft-com:office:smarttags">
<head>
<meta http-equiv=Content-Type content="text/html; charset=us-ascii">
<meta name=Generator content="Microsoft Word 11 (filtered medium)">
<o:SmartTagType
namespaceuri="urn:schemas-microsoft-com:office:smarttags" name="Street"/>
<o:SmartTagType namespaceuri="urn:schemas-microsoft-com:office:smarttags"
name="PlaceType"/>
<o:SmartTagType namespaceuri="urn:schemas-microsoft-com:office:smarttags"
name="PlaceName"/>
<o:SmartTagType namespaceuri="urn:schemas-microsoft-com:office:smarttags"
name="address"/>
<o:SmartTagType namespaceuri="urn:schemas-microsoft-com:office:smarttags"
name="State"/>
<o:SmartTagType namespaceuri="urn:schemas-microsoft-com:office:smarttags"
name="City"/>
<o:SmartTagType namespaceuri="urn:schemas-microsoft-com:office:smarttags"
name="place"/>
<o:SmartTagType namespaceuri="urn:schemas-microsoft-com:office:smarttags"
name="PersonName"/>

<style>

</style>
</head>
<body lang=EN-US link=blue vlink=blue>
<div class=Section1>
You don’t need the elements in the
selector (i.e. form / input). The fastest way to select is on the unique id. <o:p></o:p>
<o:p> </o:p>
Also, instead of calling the same jQuery
selector over and over set it to a local variable. <o:p></o:p>
<o:p> </o:p>
$('#checkout').submit( function(){
 // if field
has something in it, do submit actions, otherwise write out error
 var a = $('#rxt_forename');<o:p></o:p>
if(a.val() == '' ){
 // add class
to change colour
 a.addClass("required").get(0).focus();
 a.siblings("span.error").show();
 return
false;
 }else{
 a.removeClass("required");
 a.siblings("span.error").hide();
 }<o:p></o:p>
<o:p> </o:p>
<div>
<ns0:PersonName w:insAuthor="David Dexter"
w:insDate="2007-03-21T09:50:00Z" w:endInsAuthor="David Dexter"
w:endInsDate="2007-03-21T09:50:00Z"><ns0:PersonName w:insAuthor="David Dexter"
w:insDate="2007-03-21T09:50:00Z" w:endInsAuthor="David Dexter"
w:endInsDate="2007-03-21T09:50:00Z"><st1:PersonName w:st="on">David Dexter</st1:PersonName></ns0:PersonName></u2:PersonName> |
brilliantlemming.com | <ns0:place
w:insAuthor="David Dexter" w:insDate="2007-03-21T09:50:00Z"
w:endInsAuthor="David Dexter" w:endInsDate="2007-03-21T09:50:00Z"><ns0:City
w:insAuthor="David Dexter" w:insDate="2007-03-21T09:50:00Z"
w:endInsAuthor="David Dexter" w:endInsDate="2007-03-21T09:50:00Z"><st1:place
w:st="on"><st1:City w:st="on">Brentwood</st1:City></ns0:City></st1:place>, <ns0:State
w:insAuthor="David Dexter" w:insDate="2007-03-21T09:50:00Z"
w:endInsAuthor="David Dexter" w:endInsDate="2007-03-21T09:50:00Z"><st1:State
w:st="on">CA</st1:State></ns0:State></ns0:place> | 310.414.0949</ns0:PersonName><o:p></o:p>
</div>
<div>
<div class=MsoNormal align=center style='text-align:center'>
<hr size=2 width="100%" align=center tabindex=-1>
</div>
From: discuss-bounces@jquery.com
[mailto:discuss-bounces@jquery.com] On Behalf
Of Luc Pestille
Sent: Wednesday, March 21, 2007
9:40 AM
To: jQuery Discussion.
Subject: [jQuery] Code simplifying
request.<o:p></o:p>
</div>
<o:p> </o:p>
<div>
<table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0>
<tr>
<td style='padding:0in 0in 0in 0in'>
<o:p> </o:p>
</td>
<td style='padding:0in 0in 0in 0in'>
<div>
Hi all,<o:p></o:p>
</div>
<div>
I've got some simple validation to do (not
enough to use one of the form plugins), and have this;<o:p></o:p>
</div>
<div>
 <o:p></o:p>
</div>
<div>
// when the form is submitted
 $('form#checkout').submit( function(){

 // if field has something in it, do submit actions,
otherwise write out error
 if( $('input#rxt_forename').val() == '' ){
 // add class to change colour
 $('input#rxt_forename').addClass("required").get(0).focus();
 $('input#rxt_forename').siblings("span.error").show();
 return false;
 }else{
 $('input#rxt_forename').removeClass("required");
 $('input#rxt_forename').siblings("span.error").hide();
 }<o:p></o:p>
</div>
<div>
 <o:p></o:p>
</div>
<div>
How can i simplify it? I would have
thought replacing the input selector with $(this) would work, but it doesn't,
and I'm sure the class/siblings processes could be chained...<o:p></o:p>
</div>
<div>
 <o:p></o:p>
</div>
<div>
Thanks,<o:p></o:p>
</div>
<div>
 <o:p></o:p>
</div>
<div>
 <o:p></o:p>
</div>
<table class=MsoNormalTable border=0 cellpadding=0 align=left>
<tr>
<td valign=top style='padding:.75pt .75pt .75pt .75pt'>
<img width=30 height=33 id="_x0000_i1025"
src="cid:image001.gif@01C76B9E.E7DC7CA0"><o:p></o:p>
</td>
<td width=10 style='width:.1in;padding:.75pt .75pt .75pt .75pt'>
<o:p> </o:p>
</td>
<td valign=top style='padding:.75pt .75pt .75pt .75pt'>

Luc Pestille
Web Designer <o:p></o:p>

e: luc.pestille@in2.co.uk
t: +44 (0)1628 899 700
f: +44 (0)1628 899 701 <o:p></o:p>

</td>
</tr>
</table>
<div>
 <o:p></o:p>
</div>
</td>
<td style='padding:0in 0in 0in 0in'>
<o:p> </o:p>
</td>
</tr>

<tr>
<td colspan=3 style='padding:0in 0in 0in 0in'>
<o:p> </o:p>
<div>
In2
Thames House
Mere Park
Dedmere Road
Marlow
Bucks
SL7 1PB

Tel 01628 899700
Fax 01628 899701
e: <a href="mailto:sales@in2.co.uk">sales@in2.co.uk</a>
i: <a href="http://www.in2.co.uk/">www.in2.co.uk</a>

This message (and any associated
files) is intended only for the use of discuss@jquery.com and may contain
information that is confidential, subject to copyright or constitutes a trade
secret. If you are not discuss@jquery.com you are hereby notified that any
dissemination, copying or distribution of this message, or files associated
with this message, is strictly prohibited. If you have received this message
in error, please notify us immediately by replying to the message and
deleting it from your computer. Messages sent to and from us may be
monitored. Any views or opinions presented are solely those of the author
Luc.Pestille@in2.co.uk and do not necessarily represent those of the company.
<o:p></o:p>
</div>
</td>
</tr>
</table>
<o:p> </o:p>
</div>
</div>
</body>
</html>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Topic Participants
david

[jQuery] Code simplifying request.

[jQuery] Code simplifying request.

Topic Participants

david