Restrict Qty Box input to numbers

[wacamatic]

It seems that letters can be entered into Qty boxes by default in Zen Cart. While I doubt this flows through to the shopping cart, wouldn't it make sense to restrict the input to numbers only??

Does anybody have an idea how to do this??

I assume it would be similar for product list and product info pages.
I tried changing the input type from text to number in product_listing.php

$lc_button= zen_draw_form('cart_quantity', zen_href_link(zen_get_info_page($listing->fields['products_id']), zen_get_all_get_params(array('action')) . 'action=add_product&products_id=' . $listing->fields['products_id']), 'post', 'enctype="multipart/form-data"') . '<input type="text" name="cart_quantity" value="' . (zen_get_buy_now_qty($listing->fields['products_id'])) . '" maxlength="6" size="4" /><br />' . zen_draw_hidden_field('products_id', $listing->fields['products_id']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT) .
'</form>';

but that didn't work. Any suggestions?

[win8win]

if input letters ,it won't work when click "add to cart"

[RodG]

It seems that letters can be entered into Qty boxes by default in Zen Cart.

There's nothing particularly unusual about this.

While I doubt this flows through to the shopping cart, wouldn't it make sense to restrict the input to numbers only??

Yes, if it were possible.

Does anybody have an idea how to do this??

It isn't possible to do this via the HTML input fields. (see note below)
It can be done by adding a bit of javascript though. (which can perform the check client side)

I tried changing the input type from text to number in product_listing.php
but that didn't work.

That is because 'number' isn't a valid input type. An input element can be of type text field, checkbox, password, radio button or submit button.

Numbers need to be entered using the 'text' type, and it is left for the server side code to check for validity... Alpha characters (non numerics) will resolve to a numeric value of 'zero', so if someone enters a 'Q' instead of a number it is as though they entered a zero. (a valid number)

*Note: HTML5 has several new input types for forms. These new features allow better input control and validation.

• color
• date
• datetime
• datetime-local
• email
• month
• number
• range
• search
• tel
• time
• url
• week

Note: Not all major browsers support all the new input types. However, you can already start using them; If they are not supported, they will behave as regular text fields.


So, with HTML5 there is a solution, and the method you tried will/should work (at least with some browsers). It may be too early to be able to actually depend on it though, so javascript and/or serverside validation is still needed for the time being.

Cheers
Rod

[wacamatic]

Thanks Rod. I was reading a bit about the input types in HTML5 which is where I got the idea. Thanks for pointing towards javascript as a possible solution.

Warren