使用Jquery进行表单向导验证

时间:2015-07-01 05:16:37

标签: jquery forms validation

我正在使用Jquery实现表单向导验证。它在我提交表单或onkeyup事件时有效。但同样的事情我尝试使用表单向导。点击下一步按钮,在我更改代码后,它不会验证任何内容。虽然在我更改代码之前点击了下一个按钮警报消息。我在Jquery中没有那么多的知识。这里有一些代码。

   onNext: function(tab, navigation, index) 
        {
            if(index==1)
            {
                if(!wiz.find('#inputname').val()) {
                    alert('You must enter the username');
                    wiz.find('#inputname').focus();
                    return false;
                }
            }
        }, 
        ....................


        $(function()
        {
      // validate form on keyup and submit
      $("#validateSubmitForm").validate({
      rules: {
        firstname: "required",
        lastname: "required",
        username: {
            required: true,
            minlength: 2
        },
        ......................

要执行表单向导验证,我已将上述代码更改为

        onNext: function(tab, navigation, index) 
        {
            if(index==1)
            {
                  myfun();
            }
        ................


      function myfun()
      {
      // validate form on keyup and submit
       $("#validateSubmitForm").validate({
       rules: {
        firstname: "required",
        lastname: "required",
        username: {
            required: true,
            minlength: 2
        },
        ..................

在JSP中:

    <div class="tab-pane active" id="tab1">
    <form class="form-horizontal" style="margin-bottom: 0;" id="validateSubmitForm" method="get" autocomplete="off">
     <div class="control-group">
     <label class="control-label" for="firstname">First name</label>
     <div class="controls"><s:textfield class="span12" id="firstname" name="firstname"/></div>
     </div>
            .........................
     <div class="form-actions">
     <button type="submit" class="btn btn-icon btn-primary glyphicons circle_ok"><i></i>Save</button>
     <button type="button" class="btn btn-icon btn-default glyphicons circle_remove"><i></i>Cancel</button>
     </div>
     </form></div>//tab div

但它没有奏效。如何使用表单向导执行相同的验证,我使用onkeyup并提交。

1 个答案:

答案 0 :(得分:0)

现在改变了这个以后它正在工作。

youtube-dl