Connect up input-type specific validation

This relies on v1.6 of the scorer.

scoring/update.html

@@ -3,27 +3,29 @@
 {% macro input_highest(x, y, name) %}
     <foreignObject x="{{ x + 5 }}" y="{{ y }}" width="90" height="30">
         <input
-            class="highest"
+            class="highest tokens"
             placeholder="Highest"
             type="text"
             id="district_{{ name }}_highest"
             name="district_{{ name }}_highest"
             value="{{ request.form.get('district_{}_highest'.format(name)) | empty_if_none }}"
             onkeyup="token_input_change(this);"
+            pattern="^[GOPY]?$"
         />
     </foreignObject>
 {% endmacro %}
 
 {% macro input_pallets(x, y, name) %}
     <foreignObject x="{{ x + 5 }}" y="{{ y }}" width="90" height="30">
         <input
-            class="pallets"
+            class="pallets tokens"
             placeholder="Pallets"
             type="text"
             id="district_{{ name }}_pallets"
             name="district_{{ name }}_pallets"
             value="{{ request.form.get('district_{}_pallets'.format(name)) | empty_if_none }}"
             onkeyup="token_input_change(this);"
+            pattern="^[GOPY]*$"
         />
     </foreignObject>
 {% endmacro %}
@@ -70,7 +72,3 @@
     </g>
 </svg>
 {% endblock %}
-
-{% block valid_token_regex %}
-var valid_token_regex = /^[GOPY]*$/;
-{% endblock %}