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（） - 检查验证状态（布尔值）或随时触发表单上的验证测试。

Answer 2

答案是：

$('#button4').click(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());
        }
    });
});

如果按钮代码

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

特别感谢Satpal回答我的问题。

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

2 个答案: