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

Javascript 如何仅在单击专用按钮时激活功能,javascript,jquery,html,jquery-validate,Javascript,Jquery,Html,Jquery Validate,我正在编写多步骤表单,有一个问题: 是否可以在JavaScript或jQuery中激活此验证脚本: $function{ //验证 $sky表单。验证{ //表单验证规则 规则:{ 国家:{必需:true}, 行业:{required:true}, logonName:{必需:true}, 懒散:{必需:true} }, //用于表单验证的消息 信息:{ 国家:{必需:'请输入您的姓名'}, 行业:{必需:'请检查其中一个选项'}, LogonName:{必需:

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

$function{ //验证 $sky表单。验证{ //表单验证规则 规则:{ 国家:{必需:true}, 行业:{required:true}, logonName:{必需:true}, 懒散:{必需:true} }, //用于表单验证的消息 信息:{ 国家:{必需:'请输入您的姓名'}, 行业:{必需:'请检查其中一个选项'}, LogonName:{必需:'请输入您的徽标名称'}, 慢:{必需:'请检查其中一个选项'} }, //不要更改下面的代码 errorPlacement:函数错误,元素{ error.insertAfterelement.parent; } }; }; 仅当单击此按钮时:

下一个 如果id=按钮4确定此功能,那就太好了。

您可以试试这个

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

答案是:

$('#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

用按钮点击处理程序$'button4'包装你的代码。点击函数{/....}谢谢你,Setpal你让我的一天如我所愿地工作,祝你有一个好的同龄人,很高兴我能提供帮助,请使用正确的人名。是的,这完全正确,我从Septal那里得到了这样的答案。此外,谢谢你,祝你有一个美好的一天