validate against search input

Author: Jack Carrig

app.js

@@ -71,7 +71,6 @@ app.get('/', function(req,res) {
 		else{
 			res.render('index.jade', {
 				locals: {
-					title: 'start a game!',
 					tags: tags
 				}
 			});

public/javascripts/memory-game.js

@@ -1,5 +1,6 @@
 var turn = [];
-var socket = io.connect(); // TIP: .connect with no args does auto-discovery
+var socket = io.connect();
+var allowedSearchKeys = [48,49,50,51,52,53,54,55,56,57,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122];
 
 $(function(){
 
@@ -17,6 +18,13 @@ $(function(){
 		}
 	});
 
+	// Some search input checking - still need more
+	$('#search').keypress(function(e) {
+		if ($.inArray(e.which, allowedSearchKeys) < 0) {
+			e.preventDefault();
+		}
+	});
+
 	// Callback for successful AJAX game loading...
 	var dealCards = function(data) {
 		var cards = data[0].cards;
@@ -36,7 +44,6 @@ $(function(){
 			socket.emit('startedGame', {'gameTag': tag});
 	}
 
-	
 	//Start a new game of memory from the start button
 	$('button#start-btn').click(function(e){
 
@@ -52,7 +59,7 @@ $(function(){
 		  	}	
 		});
 	});
-	
+
 	//Start a new game of memory from Popular search button
 	$('div#popularGameTags button').live('click', function(e){
 

public/stylesheets/style.css

@@ -56,7 +56,8 @@ div#search-form.large
   label
     width 550px
     font-size 11px
-    margin 5px 0 0 5px
+    margin 5px 0 0 0
+    text-align center
     display inline-block 
   button
     background-color #00ff66

public/stylesheets/style.styl

@@ -8,7 +8,7 @@ div#container
     div#search-form.large
       div.form-input
         input(type="text", id="search", placeholder="Popular Photos", tabIndex="1")
-        label(for="search", tabIndex="2") search your favorite tags to customize your game.
+        label(for="search", tabIndex="2") search your favorite tags to customize your game (no spaces or symbols)
       div.form-button
         button#start-btn Play now!
     #popularGameTags

views/index.jade

@@ -1,7 +1,7 @@
 !!!
 html
   head
-    title= 'memory | '+title
+    title flip me! | Play now
     link(rel='stylesheet', href='/stylesheets/style.css')
     script(src='/socket.io/socket.io.js')
     script(src='/javascripts/jquery-1.7.1.min.js')