/    Sign up×
Community /Pin to ProfileBookmark

[RESOLVED] validate fields w/ ‘n’ at the end of the name

Copy linkTweet thisAlerts:
Mar 06.2008

i have a application that spits out an html form onto the page, via a database, and it displays multiple fieldsets, but the same fields, as you will see in the image attached.

i want to validate each field, but the problem is, i don’t know what the last number for each will be for each input, you will in the input name=”” in the code, if there is 3 attendees, it will go like data-name-1, data-name-2, data-name-3, so i’d have to basically have something in the javascript to validate data-name-#

[CODE]
<form name=”QFORM_REGISTRANT” method=”post” action=”registering.php”>

<fieldset>
<legend>Attendee Information 1 of 3</legend>

<label><span>Name:</span><SELECT NAME=”data-prefix-1″ SIZE=”1″>
<OPTION VALUE=” “> </OPTION>
<OPTION VALUE=”Mr.”>Mr.</OPTION>
<OPTION VALUE=”Ms.”>Ms.</OPTION>
<OPTION VALUE=”Mrs.”>Mrs.</OPTION>
<OPTION VALUE=”Dr.”>Dr.</OPTION>
<OPTION VALUE=”2ndLt”>2ndLt</OPTION>
<OPTION VALUE=”1stLt”>1stLt</OPTION>
<OPTION VALUE=”ENS”>ENS</OPTION>
<OPTION VALUE=”LT”>LT</OPTION>
<OPTION VALUE=”Capt”>Capt</OPTION>
<OPTION VALUE=”Maj”>Maj</OPTION>
<OPTION VALUE=”LCDR”>LCDR</OPTION>
<OPTION VALUE=”LtCol”>LtCol</OPTION>
<OPTION VALUE=”CDR”>CDR</OPTION>
<OPTION VALUE=”Col”>Col</OPTION>
<OPTION VALUE=”CAPT”>CAPT</OPTION>
<OPTION VALUE=”BGEN”>BGEN</OPTION>
<OPTION VALUE=”RDML”>RDML</OPTION>
<OPTION VALUE=”MajGen”>MajGen</OPTION>
<OPTION VALUE=”RADM”>RADM</OPTION>
<OPTION VALUE=”VADM”>VADM</OPTION>
<OPTION VALUE=”LtGen”>LtGen</OPTION>
<OPTION VALUE=”–other–“>–other–</OPTION>
</SELECT>
<input type=’text’ sze=32 name=’data-name-1′ value=” /></label>
<label><span>Title:</span><input type=’text’ size=32 name=’data-title-1′ value=” /></label>
<label><span>Name tag:</span><input type=’text’ size=20 name=’data-badge-1′ value=” /></label>

</fieldset>

<fieldset>
<legend>Attendee Information 2 of 3</legend>

<label><span>Name:</span><SELECT NAME=”data-prefix-2″ SIZE=”1″>
<OPTION VALUE=” “> </OPTION>
<OPTION VALUE=”Mr.”>Mr.</OPTION>
<OPTION VALUE=”Ms.”>Ms.</OPTION>
<OPTION VALUE=”Mrs.”>Mrs.</OPTION>
<OPTION VALUE=”Dr.”>Dr.</OPTION>
<OPTION VALUE=”2ndLt”>2ndLt</OPTION>
<OPTION VALUE=”1stLt”>1stLt</OPTION>
<OPTION VALUE=”ENS”>ENS</OPTION>
<OPTION VALUE=”LT”>LT</OPTION>
<OPTION VALUE=”Capt”>Capt</OPTION>
<OPTION VALUE=”Maj”>Maj</OPTION>
<OPTION VALUE=”LCDR”>LCDR</OPTION>
<OPTION VALUE=”LtCol”>LtCol</OPTION>
<OPTION VALUE=”CDR”>CDR</OPTION>
<OPTION VALUE=”Col”>Col</OPTION>
<OPTION VALUE=”CAPT”>CAPT</OPTION>
<OPTION VALUE=”BGEN”>BGEN</OPTION>
<OPTION VALUE=”RDML”>RDML</OPTION>
<OPTION VALUE=”MajGen”>MajGen</OPTION>
<OPTION VALUE=”RADM”>RADM</OPTION>
<OPTION VALUE=”VADM”>VADM</OPTION>
<OPTION VALUE=”LtGen”>LtGen</OPTION>
<OPTION VALUE=”–other–“>–other–</OPTION>
</SELECT>
<input type=’text’ sze=32 name=’data-name-2′ value=” /></label>
<label><span>Title:</span><input type=’text’ size=32 name=’data-title-2′ value=” /></label>
<label><span>Name tag:</span><input type=’text’ size=20 name=’data-badge-2′ value=” /></label>

</fieldset>

<fieldset>
<legend>Attendee Information 3 of 3</legend>

<label><span>Name:</span><SELECT NAME=”data-prefix-3″ SIZE=”1″>
<OPTION VALUE=” “> </OPTION>
<OPTION VALUE=”Mr.”>Mr.</OPTION>
<OPTION VALUE=”Ms.”>Ms.</OPTION>
<OPTION VALUE=”Mrs.”>Mrs.</OPTION>
<OPTION VALUE=”Dr.”>Dr.</OPTION>
<OPTION VALUE=”2ndLt”>2ndLt</OPTION>
<OPTION VALUE=”1stLt”>1stLt</OPTION>
<OPTION VALUE=”ENS”>ENS</OPTION>
<OPTION VALUE=”LT”>LT</OPTION>
<OPTION VALUE=”Capt”>Capt</OPTION>
<OPTION VALUE=”Maj”>Maj</OPTION>
<OPTION VALUE=”LCDR”>LCDR</OPTION>
<OPTION VALUE=”LtCol”>LtCol</OPTION>
<OPTION VALUE=”CDR”>CDR</OPTION>
<OPTION VALUE=”Col”>Col</OPTION>
<OPTION VALUE=”CAPT”>CAPT</OPTION>
<OPTION VALUE=”BGEN”>BGEN</OPTION>
<OPTION VALUE=”RDML”>RDML</OPTION>
<OPTION VALUE=”MajGen”>MajGen</OPTION>
<OPTION VALUE=”RADM”>RADM</OPTION>
<OPTION VALUE=”VADM”>VADM</OPTION>
<OPTION VALUE=”LtGen”>LtGen</OPTION>
<OPTION VALUE=”–other–“>–other–</OPTION>
</SELECT>
<input type=’text’ sze=32 name=’data-name-3′ value=” /></label>
<label><span>Title:</span><input type=’text’ size=32 name=’data-title-3′ value=” /></label>
<label><span>Name tag:</span><input type=’text’ size=20 name=’data-badge-3′ value=” /></label>

</fieldset>

<p><input type=”submit” name=”qf_submit” value=”Set Attendees” /></p>
</form>
[/CODE]

any help is appreciated, i may of not written this out clearly, so i hope the image helps.

[upl-file uuid=1956289c-9dfd-431a-b5c3-c4a9d9ea19bd size=23kB]Picture 1.png[/upl-file]

to post a comment
JavaScript

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@Declan1991Mar 06.2008 — Well one way is the following, but I don't think it is the best.[code=php]
function getElements() {
var rEls = []
var inputs = document.getElementsByName("QFORM_REGISTRANT")[0].getElementsByTagName("input");
for (var i = inputs.length-1; i >= 0; i--) {
if (/data-name-d+/.test(inputs[i].name)) {
rEls[i] = inputs[i];
}
}
return rEls;
}
[/code]
getElements() will return all the inputs with the name data-name-#.
Copy linkTweet thisAlerts:
@vwphillipsMar 06.2008 — [CODE]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title></title>
<script language="JavaScript" type="text/javascript">
/*<![CDATA[*/

function Validate(frm){
var fsets=frm.getElementsByTagName('FIELDSET')
var amess=['Please Complete']
for (var zxc0=0;zxc0<fsets.length;zxc0++){
var mess=[];
var sels=fsets[zxc0].getElementsByTagName('SELECT')
for (var zxc0a=0;zxc0a<sels.length;zxc0a++){
if (sels[zxc0a].selectedIndex<1) mess.push(sels[zxc0a].title||sels[zxc0a].name)
}
var ips=fsets[zxc0].getElementsByTagName('INPUT')
for (var zxc0b=0;zxc0b<ips.length;zxc0b++){
if (ips[zxc0b].type=='text'&&ips[zxc0b].value=='') mess.push(ips[zxc0b].title||ips[zxc0b].name)
}
for (var zxc0c=0;zxc0c<mess.length;zxc0c++){
amess.push(mess[zxc0c]);
}
}
if (amess.length>1){
alert(amess.join('n'));
return false;
}
return true;
}
/*]]>*/
</script></head>

<body>
<form name="QFORM_REGISTRANT" onsubmit="return Validate(this);" method="post" action="registering.php">

<fieldset>
<legend>Attendee Information 1 of 3</legend>

<label><span>Name:</span><SELECT NAME="data-prefix-1" SIZE="1">
<OPTION VALUE=" "> </OPTION>
<OPTION VALUE="Mr.">Mr.</OPTION>
<OPTION VALUE="Ms.">Ms.</OPTION>
<OPTION VALUE="Mrs.">Mrs.</OPTION>
<OPTION VALUE="Dr.">Dr.</OPTION>
<OPTION VALUE="2ndLt">2ndLt</OPTION>
<OPTION VALUE="1stLt">1stLt</OPTION>
<OPTION VALUE="ENS">ENS</OPTION>
<OPTION VALUE="LT">LT</OPTION>
<OPTION VALUE="Capt">Capt</OPTION>
<OPTION VALUE="Maj">Maj</OPTION>
<OPTION VALUE="LCDR">LCDR</OPTION>
<OPTION VALUE="LtCol">LtCol</OPTION>
<OPTION VALUE="CDR">CDR</OPTION>
<OPTION VALUE="Col">Col</OPTION>
<OPTION VALUE="CAPT">CAPT</OPTION>
<OPTION VALUE="BGEN">BGEN</OPTION>
<OPTION VALUE="RDML">RDML</OPTION>
<OPTION VALUE="MajGen">MajGen</OPTION>
<OPTION VALUE="RADM">RADM</OPTION>
<OPTION VALUE="VADM">VADM</OPTION>
<OPTION VALUE="LtGen">LtGen</OPTION>
<OPTION VALUE="--other--">--other--</OPTION>
</SELECT>
<input type='text' sze=32 name='data-name-1' value='' /></label>
<label><span>Title:</span><input type='text' size=32 name='data-title-1' value='' /></label>
<label><span>Name tag:</span><input type='text' size=20 name='data-badge-1' value='' /></label>

</fieldset>

<fieldset>
<legend>Attendee Information 2 of 3</legend>

<label><span>Name:</span><SELECT NAME="data-prefix-2" SIZE="1">
<OPTION VALUE=" "> </OPTION>
<OPTION VALUE="Mr.">Mr.</OPTION>
<OPTION VALUE="Ms.">Ms.</OPTION>
<OPTION VALUE="Mrs.">Mrs.</OPTION>
<OPTION VALUE="Dr.">Dr.</OPTION>
<OPTION VALUE="2ndLt">2ndLt</OPTION>
<OPTION VALUE="1stLt">1stLt</OPTION>
<OPTION VALUE="ENS">ENS</OPTION>
<OPTION VALUE="LT">LT</OPTION>
<OPTION VALUE="Capt">Capt</OPTION>
<OPTION VALUE="Maj">Maj</OPTION>
<OPTION VALUE="LCDR">LCDR</OPTION>
<OPTION VALUE="LtCol">LtCol</OPTION>
<OPTION VALUE="CDR">CDR</OPTION>
<OPTION VALUE="Col">Col</OPTION>
<OPTION VALUE="CAPT">CAPT</OPTION>
<OPTION VALUE="BGEN">BGEN</OPTION>
<OPTION VALUE="RDML">RDML</OPTION>
<OPTION VALUE="MajGen">MajGen</OPTION>
<OPTION VALUE="RADM">RADM</OPTION>
<OPTION VALUE="VADM">VADM</OPTION>
<OPTION VALUE="LtGen">LtGen</OPTION>
<OPTION VALUE="--other--">--other--</OPTION>
</SELECT>
<input type='text' sze=32 name='data-name-2' value='' /></label>
<label><span>Title:</span><input type='text' size=32 name='data-title-2' value='' /></label>
<label><span>Name tag:</span><input type='text' size=20 name='data-badge-2' value='' /></label>

</fieldset>

<fieldset>
<legend>Attendee Information 3 of 3</legend>

<label><span>Name:</span><SELECT NAME="data-prefix-3" SIZE="1">
<OPTION VALUE=" "> </OPTION>
<OPTION VALUE="Mr.">Mr.</OPTION>
<OPTION VALUE="Ms.">Ms.</OPTION>
<OPTION VALUE="Mrs.">Mrs.</OPTION>
<OPTION VALUE="Dr.">Dr.</OPTION>
<OPTION VALUE="2ndLt">2ndLt</OPTION>
<OPTION VALUE="1stLt">1stLt</OPTION>
<OPTION VALUE="ENS">ENS</OPTION>
<OPTION VALUE="LT">LT</OPTION>
<OPTION VALUE="Capt">Capt</OPTION>
<OPTION VALUE="Maj">Maj</OPTION>
<OPTION VALUE="LCDR">LCDR</OPTION>
<OPTION VALUE="LtCol">LtCol</OPTION>
<OPTION VALUE="CDR">CDR</OPTION>
<OPTION VALUE="Col">Col</OPTION>
<OPTION VALUE="CAPT">CAPT</OPTION>
<OPTION VALUE="BGEN">BGEN</OPTION>
<OPTION VALUE="RDML">RDML</OPTION>
<OPTION VALUE="MajGen">MajGen</OPTION>
<OPTION VALUE="RADM">RADM</OPTION>
<OPTION VALUE="VADM">VADM</OPTION>
<OPTION VALUE="LtGen">LtGen</OPTION>
<OPTION VALUE="--other--">--other--</OPTION>
</SELECT>
<input type='text' sze=32 name='data-name-3' value='' /></label>
<label><span>Title:</span><input type='text' size=32 name='data-title-3' value='' /></label>
<label><span>Name tag:</span><input type='text' size=20 name='data-badge-3' value='' /></label>

</fieldset>

<p><input type="submit" name="qf_submit" value="Set Attendees" /></p>
</form>
</body>

</html>[/CODE]
Copy linkTweet thisAlerts:
@bradkenyonauthorMar 06.2008 — solved.

thank you declan and vic.
×

Success!

Help @bradkenyon spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.20,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...