jquery构建功能型表单（二）

jquery构建功能型表单（二）2013-10-16在构建功能型表单（一）中介绍了一些适用于用户进行文本性输入的表单功能。

然而，有时候表单中的内容也会以数字为主。

当处理作为表单内容的数字值时，也可以实现另外几种表单增强功能。

数字表单的典型代表就是购物车。在购物车表单中，应该允许用户更新购买的商品数量，同时，也要为用户提供价格和总金额的数字反馈。

构建功能行表单（二）

1.在操作表单前先为表格应用标准的行条纹效果，美化一下表格的外观

Js代码

var stripe = function（）{$（"#cart tbody tr:visible:even"）.removeClass（"odd"）.addClass（"even"）;$（"#cart tbody tr:visible:odd"）.removeClass（"even"）.addClass（"odd"）;}

2.拒绝非数字输入

通过javascript，可以检查用户输入的内容是否符合我们的要求，以便在将表单发送到服务器之前对用户给出反馈，这种技术叫做输入掩码。

输入验证是根据某些有效输入的标准来检查用户输入的过程。输入掩码会在用户填写内容的同时应用标准，并简单地禁止无效的按键操作。

比如，在这个购物车表单的例子中，必须在输入字段中填写数字。通过使用输入掩码验证，可以在这些字段获得焦点时，让非数字按键操作不起作用

Js代码

$（".quantity input"）.keypress（function（event）{if（event.charCode && （event.charCode < 48 || event.charCode > 57））{event.preventDefault（）;}}）;

在这里我们要观察的是keypress事件，这个事件不提供keyCode属性，但提供了charCode属性。

调用preventDefault（）方法会阻止浏览器响应相应的事件。