使用多提交按钮形成 jQuery 验证

Question

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

我的问题是当用户单击“上一个”按钮时如何“不验证”表单。

请帮忙。

非常感谢。

代码如下：

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",
                },
            }
        });

Answer 1

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

type="button"

查看更新的 fiddle 和 How to prevent buttons from submitting forms