Poner una alerta validando con Jquery

[Sumerio]

Hola a todos, tengo una consulta, quiero validar mi formulario antes grabar, pero me refiero a una validacion de alerts, quiero algo asi, si tengo dos texboxs, que no estan llenos, me salga un alert con listando que los dos campos son requeridos, pero un alert con mas perfomance.

Hace algun tiempo, encontre una validacion como esta, pero no pude implementarlo porque no tenia las librerias jquery:

Código:

<script language="javascript">
 
function grabar(){
             
            if($("#form_base").validate()) {
                var msg='';

                var f = document.forms[0];
                
                if(document.all('bean.nmroExpdntePrlmnar').value == ''){
                        msg+='<br/>- Número Registro Informe Preliminar.';
                }
                if(document.all('bean.fchaExpdntePrlmnar').value == ''){
                        msg+='<br/>- Fecha Registro Informe Preliminar.';
                }
                                 
                if(msg!=''){
                    var finalMsg='<p>'
                    finalMsg+='Los siguientes campos son obligatorios:';
                    finalMsg+=msg;
                    finalMsg+='</p>'
                    $('#msg').html(finalMsg);
                    $('#msg').dialog({
                        autoOpen: false,
                        width: 400,
                        modal : true,
                        title : 'Alerta',
                        buttons: {
                            "Aceptar": function() { 
                                $(this).dialog("close"); 
                            }
                        }
                    });
                    $('#msg').dialog('open');

                }else if($("#form_base").valid()){
                    
                    f.action = "${ctx}"+myBasePath+"grabarRegistro.action?forward=pestanaFinal";
                    f.submit();

                }
            }else{
                 $('#msg').html('<p>Debe ingresar los campos correctamente</p>');
                    $('#msg').dialog({
                        autoOpen: false,
                        width: 400,
                        modal : true,
                        title : 'Alerta',
                        buttons: {
                            "Aceptar": function() { 
                                    $(this).dialog("close"); 
                            }
                        }
                    });
                    $('#msg').dialog('open');
             }              
        }    

       function myOnReadyFn(){
                        $("#criterioBusqueda").accordion({ header: "div>:first",autoHeight: false });
                        $("#resultadoBusqueda").accordion({ header: "div>:first",autoHeight: false });
                        $( "input:submit, a, button", ".demo" ).button();
                        $( "#cbxUnidadFis" ).combobox({width:300, inputId :'inputCbxUnidadFis'});                 
                        $( "#cbxTtipo" ).combobox();
                        $( "#IGdtpFechaRegistroInformePreliminar" ).datepicker($.datepicker_es);
                };

</script>

<form  theme="simple" id="form_base">

<input type="text" id="DRdtpFechaRegistroInformePreliminar"  name="bean.drFchaEmision" cssClass="text ui-widget-content ui-corner-all" cssStyle="width:100"  size="50"/>

</form>