javascript - 如何仅在单击专用按钮时激活功能

Question

我正在编写多步骤表单并有一个问题:
是否可以在 JavaScript 或 jQuery 中激活此验证脚本:

<script type="text/javascript">
    $(function (){
        // Validation
        $("#sky-form").validate({                   
            // Rules for form validation
            rules: {
                country:  { required: true },
                industry: { required: true },
                logoname: { required: true },
                sloganch: { required: true }
            },                 
            // Messages for form validation
            messages: {
                country:  { required: 'Please enter your name' },
                industry: { required: 'Please check one of the options' },
                logoname: { required: 'Please enter your Logo name' },
                sloganch: { required: 'Please check one of the options' }       
            },
            // Do not change code below
            errorPlacement: function(error, element){
                error.insertAfter(element.parent());
            }
        });
    }); 
</script>           

仅当单击此按钮时:

<button type="button1" class="button next action-button"  id="button4">Next</button>

如果 id="button 4" 确定此功能，那就太好了。

Answer 1

你可以试试这个

$('#button4').click(function() {
$("#sky-form").validate({                   
        // Rules for form validation
        rules: {
            country: { required: true },
            industry: { required: true },
            logoname: { required: true },
            sloganch: { required: true }
        },                 
        // Messages for form validation
        messages: {
            country: { required: 'Please enter your name', },
            industry: { required: 'Please check one of the options', },
            logoname: { required: 'Please enter your Logo name' },
            sloganch: { required: 'Please check one of the options' }       
        },
        // Do not change code below
        errorPlacement: function(error, element){
            error.insertAfter(element.parent());
        }
    });
});

.validate() - 一旦 DOM 准备好就初始化插件(带有选项)。

.valid() - 检查验证状态( bool 值)或随时触发表单上的验证测试。