如果其他按钮通过我在表单上的验证,如何激活隐藏按钮?

时间:2014-09-14 23:55:13

标签: javascript jquery html forms

您好我正在编写一个多步骤表单并需要一个小问题帮助。

所以我有一个jquery脚本根据<fieldset></fieldset>标签

划分我的表单

我的问题是如何制作它,以便如果我点击我的提交按钮,我的所有标签都应该填写或说他们通过我的验证活动隐藏按钮我在脚本内? 我的提交按钮代码

<button type="submit" class="button" >Submit</button>

我的下一个按钮代码,如果所有问题都正确填写,则需要隐藏并从我的提交按钮激活,否则无效。

<input type="button" name="Next" class="next action-button" style="display:none" id='button1' value="Próximo" />

我知道有点奇怪,但我需要它,所以提前谢谢

我的验证

 <script type="text/javascript">
            $(function()
            {
                // Validation
                $("#sky-form").validate(
                {                   
                    // Rules for form validation
                    rules:
                    {
                        name:
                        {
                            required: true
                        },
                        surname:
                        {
                            required: true
                        },
                        email:
                        {
                            required: true,
                            email: true
                        },
                        phone:
                        {
                            required: true,
                            minlength: 4
                        },
                        url:
                        {
                            required: true,
                            url: true
                        },
                        captcha:
                        {
                            required: true,
                            remote: 'captcha/process.php'
                        }
                    },

                    // Messages for form validation
                    messages:
                    {
                        name:
                        {
                            required: 'Please enter your name',
                        },
                        surname:
                        {
                            required: 'Please enter your name',
                        },
                        email:
                        {
                            required: 'Please enter your email address',
                            email: 'Please enter a VALID email address'
                        },
                        phone:
                        {
                            required: 'Please enter your message'
                        },
                        url:
                        {
                            required: 'Please enter your URL'
                        },
                        captcha:
                        {
                            required: 'Please enter characters',
                            remote: 'Correct captcha is required'
                        }
                    },
                    // Do not change code below
                errorPlacement: function(error, element)
                    {
                        error.insertAfter(element.parent());
                    }
                });
            }); 
        </script>  

要链接我们可以使用的按钮:

<script type="text/javascript">$('#button1').click(function(){ $('#button2').click() });</script>

同时给予两个身份。

0 个答案:

没有答案