jquery构建功能型表单（二）

在构建功能型表单(一) 中介绍了一些适用于用户进行文本性输入的表单功能。

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

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

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

构建功能行表单（二）

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()方法会阻止浏览器响应相应的事件。

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索表单
， 内容
， 数字
， 输入
， event
， 用户
js添加购物车效果
jquery 构建表单、表单构建器、bootstrap表单构建器、bootstrap 表单构建、jq 构建表单提交，以便于您获取更多的相关知识。