jQuery Validate插件打破了我的表单

Question

我的表单上有一个jQuery validate插件的问题，当我按下保存条目时，它会显示错误消息，但它会破坏表单。如何解决这个问题？

此时我有这个：

    $(document).ready(function () {
    $('form').validate({ // initialize the plugin
        rules: {
            loyalty_card: {
                required: true
            },
            description: {
                required: true
            },
            amount: {
                required: true,
                number: true
            },
            transaction_type: {
                required: true
            }
        },
        submitHandler: function (form) {
            //alert('valid form submitted');
            //return false;
        }
    });
});

Answer 1

您可以通过包含errorPlacement事件挂钩来完成此操作，然后将文本放在单选按钮之前而不是直接放在它之后

errorPlacement: function (error, element){
   if(  element.attr("name") == "transaction_type" ){
       error.insertBefore(element);
   }else{
       error.insertAfter(element);
   }
}