jQuery表单验证不包括提交按钮的值

时间:2016-09-19 08:22:23

标签: javascript jquery html forms

我正在使用http://www.runningcoder.org/jqueryvalidation/

中的jquery表单验证

demo.html

<form id="form-signup_v1" name="form-signup_v1" method="get" class="validation-form-container">
<div class="field">
    <label for="signup_v1-username">First Name</label>
    <div class="ui left labeled input">
        <input id="first_name" name="first_name" type="text">
        <div class="ui corner label">
            <i class="asterisk icon">*</i>
        </div>
    </div>
</div>
<input name="ok" id="ok" type="submit" class="ui blue submit button" value="Ok">
<input name="cancel" id="cancel" type="submit" class="ui blue submit button" value="Cancel">
</form>

<script>
$('#form-signup_v1').validate({
    submit: {
        settings: {
            inputContainer: '.field'
        }
    }
});
</script>

我在网址中使用表单验证不包含提交按钮的值

demo.html?first_name=John

enter image description here

我尝试在url中删除jquery表单验证,包括提交按钮的值

demo.html?first_name=John&ok=OK

enter image description here

我想在查询字符串中单击时检查提交按钮但是当我使用验证时,url总是不包括按钮的查询字符串,如图1所示

1 个答案:

答案 0 :(得分:0)

如果您希望查询不包含按钮名称,只需从user中删除名称属性即可。同时为按钮指定一个值。默认情况下,提交操作会从表单中的名称值对形成查询字符串。

&#13;
&#13;
<input type = "button" name="ok">
&#13;
&#13;
&#13;