javascript - jQuery提交函数多次添加数据

Question

我有这个函数，用于根据某些规则存储元素(优惠券代码)...

$("#serial_number").submit(function (e) {
        e.preventDefault();
console.log('started');
        if (param == 'groupon' || param == 'livingsocial') {
            var secretS = $('#serial').val();
            var secretP = $('#pin').val();

            if ((/(?=[a-fA-F0-9]*[a-fA-F])[a-fA-F0-9]{10}/.test(secretS) === true) || (secretS.length == 13)) {


                var s = $('#serial').val();
                var p = $('#pin').val();
                var item = {}
                item["serial"] = s;
                item["pin"] = p;
                item["product_code"] = '74';
                item["promo_code"] = '74';
                item["covers"] = 2;

                jsonObj.push(item);

正如您所看到的，基于我在 IF 条件下编写的 rexEg 规则，我将一个项目添加到 jsonObj 中，因此如果它有效，我会将一个项目插入 jsonObj 中。

如果我根据 123456789a 等规则仅输入一次正确的序列号，一切都很好，并且我有这个 [{serial: "123456789a", pin: undefined}] ，这很好...

问题在于:

1. 尝试 - 用户输入类似 1234 的内容并尝试提交表单，但根据规则，其项目未存储到 jsonObj

2. 尝试 - 用户类型 ggghhh55 也未存储到 jsonObj

3. 用户最终提交了正确的序列号，例如(123456789a)，但随后添加了 3 次，所以我有这个:

   [{序列号:“123456789a”，引脚:未定义}，{序列号:“123456789a”，引脚:未定义}，{序列号:“123456789a”，引脚:未定义}]

为什么？为什么提交表单添加项目 3 次...应该只添加一次...

最后，当用户输入正确的序列号时，表单将提交之前尝试的次数...因此，如果有 3 次不成功的尝试，表单将提交 3 次...

Answer 1

似乎每次尝试后您都需要重置 jsonObj