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

How to active a function only if dedicated button is clicked

本文关键字：激活 功能 按钮 专用 何仅 单击      更新时间：2023-09-26

我正在编写一个多步骤表单，有一个问题：
是否可以在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"确定这个函数，那就太好了。

你可以试试这个

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

特别感谢萨帕尔，他回答了我的问题。

相关文章：