如何在span中显示jquery验证错误消息

我有以下脚本来验证我的表单.它工作正常,但我试图显示< span class =“errormsg”>< / span>内的所有验证错误消息用逗号分隔,而不是在每个输入旁边单独显示它们.

我对jquery知之甚少;我不知道如何实现这一目标.你能告诉我吗？

谢谢 ：)

<script>
  $(document).ready(function() { 
    // validate signup form on keyup and submit 
    var validator = $("#signupform").validate({
      rules: {
  customerid: "required",date: "required",invoicEID: {
    required: true,minlength: 2,remote: "<? echo base_url();?>mycontroller/function" }
  },messages: {
    customerid: "Enter your customerid",date: "Enter your date",invoicEID: {
       required: "Enter a invoicEID",minlength: jQuery.format("Enter at least {0} characters"),remote: jQuery.format("{0} is already in use")
    },}
    });
  });
</script>

我的表格

<label>Invoice #</label>
<input type="text" name="invoicEID" id="invoicEID" value="" />

<label  style="margin-left:20px;">Date</label>
<input type="text" id="datepicker1" name="date" value=""  />

<label  style="margin-left:20px;">Customer</label>
<input type="text" id="customerid" name="customerid" value=""  />

showErrors: function(errorMap,errorList) {
    $(".errormsg").html($.map(errorList,function (el) {
        return el.message;
    }).join(","));
},