Checking numeric field of array input on client side, Help

Topcoder · October 22, 2013, 3:38pm

I didn’t look at your entire script but you have a bracker that don’t below after the 16

Change:

[php]if ((allR[i].value.length == 0) || (allR[i].value > 1) || (allR[i].value > 16])) {[/php]

To:

[php]if ((allR[i].value.length == 0) || (allR[i].value > 1) || (allR[i].value > 16)) {[/php]

If you’re a sports fan, you should look at mlbboards.com, sign up and post an intro and they (I) will give you $50 MLBB Cash to use towards the sports book there.

abscooters · October 22, 2013, 3:46pm

Yeah I had fixed the missing bracket and it still isn’t working at all.

Is there a way to call a function as soon as they move from the field (before submit) to the next field?

I could dynamically put a script with the variable name filled in by PHP for each line of input.

Topcoder · October 22, 2013, 8:25pm

Is there a way to call a function as soon as they move from the field (before submit) to the next field?

Yes you can do that in java-script…

You can add at to the onblur event of the input tag

http://www.w3schools.com/tags/ref_eventattributes.asp

abscooters · October 22, 2013, 8:48pm

Awesome, gonna give that a try.

abscooters · October 23, 2013, 3:20am

Changed the code to this
[php] Add Comment:

Subject:

Comment:

[/code]

New Orleans Saints Record: 5-1-0 Streak: L 1	at	Atlanta Falcons Record: 2-4-0 Streak: W 1
Thu 11/21 8:25 pm ET

Your Pick:
New Orleans Saints
Atlanta Falcons

Confidence Points

Pittsburgh Steelers Record: 2-4-0 Streak: W 2	at	Cleveland Browns Record: 3-4-0 Streak: L 2
Sun 11/24 1:00 pm ET

Your Pick:
Pittsburgh Steelers
Cleveland Browns

Confidence Points

Tampa Bay Buccaneers Record: 0-6-0 Streak: L 6	at	Detroit Lions Record: 4-3-0 Streak: L 1
Sun 11/24 1:00 pm ET

Your Pick:
Tampa Bay Buccaneers
Detroit Lions

Confidence Points

Minnesota Vikings Record: 1-5-0 Streak: L 2	at	Green Bay Packers Record: 4-2-0 Streak: W 3
Sun 11/24 1:00 pm ET

Your Pick:
Minnesota Vikings
Green Bay Packers

Confidence Points

JimL · October 23, 2013, 5:22am

Do you use Jquery? if so we can simplify this a lot…

abscooters · October 23, 2013, 1:47pm

I tried pasting some jquery examples in and had no luck but would be glad to try anything at this point.

I tried php dumping individual functions for each input of the array and can’t get that to work.

here is what I put in the php
[php] if (!$result[‘expired’]) {
//if game is not expired, show pick
?>

			<?php
			echo '			<input type="radio" name="game' . $result['gameID'] . '" value="' . $visitorTeam->teamID . '" id="' . $result['gameID'] . $visitorTeam->teamID . '"' . (($picks[$result['gameID']]['pickID'] == $visitorTeam->teamID) ? ' checked="checked"' : '') . ' /> <label for="' . $result['gameID'] . $visitorTeam->teamID . '">' . $visitorTeam->teamName . '</label><br />' . "\n";
			echo '			<input type="radio" name="game' . $result['gameID'] . '" value="' . $homeTeam->teamID . '" id="' . $result['gameID'] . $homeTeam->teamID . '"' . (( $picks[$result['gameID']]['pickID'] == $homeTeam->teamID) ? ' checked="checked"' : '') . ' /> <label for="' . $result['gameID'] . $homeTeam->teamID . '">' . $homeTeam->teamName . '</label><br />' . "\n";
            echo '			<input type="text"  name="points' . $result['gameID'] . '" value="' . $picks[$result['gameID']]['points']  . '" onblur="verifypoints' . $result['gameID'] . '();"/><br /><B>Confidence Points</B>' . "\n";				
             $lastgameID = $result['gameID'];

[/php]

And here is what it compiled, looks like it should work, but it does nothing.

[code]

New Orleans Saints Record: 5-1-0 Streak: L 1	at	Atlanta Falcons Record: 2-4-0 Streak: W 1
Thu 11/21 8:25 pm ET

Your Pick:

						<input type="radio" name="game163" value="NO" id="163NO" /> <label for="163NO">New Orleans Saints</label><br />
		<input type="radio" name="game163" value="ATL" id="163ATL" /> <label for="163ATL">Atlanta Falcons</label><br />
		<input type="text"  name="points163" value="" onblur="verifypoints163();"/><br /><B>Confidence Points</B>
		</td>
	</tr>
	<tr>
		<td align="center">
			<table width="100%" border="0" cellpadding="2" cellspacing="0" class="nostyle">
				<tr valign="middle">
					<td align="center"><label for="164PIT"><img src="images/helmets_big/pit1.gif" onclick="document.entryForm.game164[0].checked=true;" /></label><br /><span style="font-size: 9px;"><b>Pittsburgh Steelers</b><br />Record: 2-4-0<br />Streak: W 2</span></td>
					<td align="center">at</td>
					<td align="center"><label for="164CLE"><img src="images/helmets_big/cle2.gif" onclick="document.entryForm.game164[1].checked=true;" /></label><br /><span style="font-size: 9px;"><b>Cleveland Browns</b><br />Record: 3-4-0<br />Streak: L 2</span></td>
				</tr>
				<tr><td colspan="3" align="center">Sun 11/24 1:00 pm ET</td></tr>
			</table>
		</td>
		<td align="left"><b>Your Pick:</b><br />
			<script>

function verifypoints164()
{
var x=document.entryForm.points164.value;
if (x < 1) || (x>15){alert( “Please enter a number between 1 and 1” );}
}

						<input type="radio" name="game164" value="PIT" id="164PIT" /> <label for="164PIT">Pittsburgh Steelers</label><br />
		<input type="radio" name="game164" value="CLE" id="164CLE" /> <label for="164CLE">Cleveland Browns</label><br />
		<input type="text"  name="points164" value="" onblur="verifypoints164();"/><br /><B>Confidence Points</B>
		</td>
	</tr>[/code]

abscooters · October 23, 2013, 8:17pm

Apparently it did not like my or within the if statement. I separated it into 2 separate if statements and it works now.

Topcoder · October 25, 2013, 4:26am

That’s Awesome! I bet JimL’s jQuery solution will rock though.

abscooters · October 25, 2013, 8:25pm

Yeah, I am watching a 30 day youtube thing on jquery. I watched one on java, between that and you guys help I figured what to do to fix it.

Is there a query to check if an integer? If they enter numbers less than 1 or greater than the number of games played, it alerts them. But if they enter any characters it does nothing. Would like to add an if statement see if it is an integer.

I don’t understand how I would use parseint to get it done. Looked at many examples but wasn’t sure how to adapt it to my needs.

phphelp · October 25, 2013, 9:25pm

You can do something like this.

if( Math.floor(gamesplayed) == id && $.isNumeric(gamesplayed) && gamesplayed > 1) alert(‘yes its an int!’);

abscooters · October 26, 2013, 12:40am

OK I’m doing something wrong with what you posted.

I did this
[php] [/php]

which compiled this

[code] [/code]

And when I run it and if I type in ggg it alerts me of the ggg as pts but does not recognize the ! isnumeric and give me that alert that it needs to be a number.

Is my syntax incorrect?

phphelp · October 26, 2013, 2:35pm

Try alerting some of the examples show here to see if it’s working properly.

http://api.jquery.com/jQuery.isNumeric/

abscooters · October 26, 2013, 5:11pm

I tried this

if $.isNumeric( 16 ){alert (“jquery works”);}
I tried this
if ($.isNumeric( 16 )){alert (“jquery works”);}

It ends the script and doesn’t proceed with everything after it and does not give the alert.

Topcoder · October 26, 2013, 6:12pm

Did you include a reference to the latest jQuery Library?

http://jquery.com/

You can download it and you have to reference it for jQuery to work…

abscooters · October 26, 2013, 7:47pm

Yeah I put this in there, and verified that it is uploaded.

Topcoder · October 27, 2013, 3:50pm

I just ran the test code below and I get alerted.

[php]

[/php]

abscooters · October 27, 2013, 6:41pm

I’ll try referring to the qjuery.com instead of my own folder and let you know

abscooters · October 27, 2013, 11:59pm

I dumped it into a code editor and it turned my quotation marks into a funky character, I think I did an edit in wordpad.

If you look at my cut and paste above the quotes are a different shape than the ones you posted, too funny.

All works now.

Topcoder · October 28, 2013, 12:03am

Awesome, Word Pad is the devil.