使用多提交按钮进行jQuery验证

时间:2014-04-30 01:44:55

标签: jquery forms jquery-plugins

我有这个电话验证表http://jsfiddle.net/hEj3R/,用于确保用户在注册新帐户时发布自己的手机。

我的问题是如何不验证'用户点击' prev'按钮。

请帮忙。

非常感谢。

以下是代码:

HTML:

<form accept-charset="UTF-8" id="form1" method="post" action="register" enctype="multipart/form-data"><div><div id="pg-reg">
    <fieldset> 
      <div class="ui-form-item">
        <label class="ui-label">Phone</label>
        <label class="input-icon form-text">13366669999</label>
      </div>
      <div class="ui-form-item"> 
        <label class="ui-label">Code</label> 
        <input type="text" class="ui-input input-icon form-text valid" id="edit-vcode" name="vcode" value="">
        <span class="icon input-icon-lock"></span> 
      </div> 
      <div class="ui-form-item"> 
        <input type="submit" value="Prev" name="prev" id="edit-prev" class="ui-button ui-button-blue ui-button-mid form-submit"><input type="submit" value="Finish" name="op" id="edit-finish" class="ui-button ui-button-blue ui-button-mid form-submit">          </div>
              </fieldset>
</form>

JS:

$("#form1").validate({
            rules: {
                vcode: {
                    required: true,
                },
            },
            messages: {
                vcode: {
                    required: "Please input the validation code you received",
                },
            }
        });

1 个答案:

答案 0 :(得分:1)

只需将“上一个”按钮的类型更改为:

type="button"

查看更新的fiddleHow to prevent buttons from submitting forms