【问题标题】:Attribute input value for another input value [closed]另一个输入值的属性输入值[关闭]
【发布时间】:2014-07-09 17:14:51
【问题描述】:

小提琴更新:我没有很好地解释它,所以我将解释我正在尝试做的事情。 我不是在尝试进行表单验证,我已经通过 HTML 5“必需”字段进行了验证。 我想要做的是能够控制当用户无法输入字段或提供无效信息时由 jQuery 验证填充的“.error”的样式。如何控制样式未被 jQuery 验证函数填充?

小提琴:http://jsfiddle.net/xvAPY/140/

    $('#contactForm').validate({ // initialize the plugin
        errorElement: 'div',
        rules: {
            first_name: {
                required: true,
            },
            last_name: {
                required: true,
            }
            postal_code: {
                required: true,
            },
            phone_primary: {
                required: true,
            }
            email: {
                required: true,
            }
        },
        submitHandler: function(form) { // for demo
            alert('valid form submitted'); // for demo
            return false; // for demo
        }
    });

<form id="contactForm" method="POST" action="https://app.leadconduit.com/v2/PostLeadAction">
      <input type="text" id="first_name" name="first_name" minlength="5" maxlength="255" placeholder="First Name" required />
      <input type="text" id="last_name" name="last_name" minlength="2" maxlength="255" placeholder="Last Name" required />
      <input type="hidden" id="state" name="state" value="" />
      <input type="text" id="postal_code" name="postal_code" minlength="5" maxlength="10" placeholder="Zip Code" required />
      <input type="text" id="phone_primary" name="phone_primary" minlength="11" maxlength="12" placeholder="Phone" required />
      <input type="text" id="email" name="email" minlength="25" maxlength="255" placeholder="Email" required />
      <input type="submit" value="Submit"/>

【问题讨论】:

标签: javascript jquery css forms


【解决方案1】:

你的代码有语法错误

Uncaught SyntaxError: Unexpected identifier 

并且正在发生的验证是 html5 验证。

last_name: {
    required: true,
}    <----------------- no comma ----
postal_code: {
    required: true,
},

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-03-26
    • 1970-01-01
    • 2019-02-19
    • 1970-01-01
    • 2014-10-31
    • 1970-01-01
    相关资源
    最近更新 更多