使用ajax填充输入更新表单模态

时间:2018-02-12 19:40:20

标签: javascript

我想使用bootstrap模式编辑一个表记录,我尝试使用ajax在模式中加载输入表单,除了日期字段之外它工作正常,如果日期存在于数据库中没有问题,但如果数据库中的日期为空则表示"无效日期"而是希望展示一些东西"插入出生日期"

这是我的javascript代码:

function GetUserDetail(id) {

      $("#user_id").val(id);

      var user_id = $('#user_id').val();

      $.ajax({  

        url:"../controllers/ctrl_admin_user_app/ctrl_admin_get_user_details.php",  
        method:"POST",  
        data:{user_id:user_id},  
        dataType:"json",  

        success: function(data){  

         $('#firstName').val(data.nome);  
         $('#lastName').val(data.cognome);  
         $('#userEmail').val(data.email);  
         $('#userTel').val(data.telefono);  
         $('#userFiscalcode').val(data.codice_fiscale);  
         $('#userDocument').val(data.documento);
         $('#userBirth').val(moment(data.data_nascita).format('DD/MM/YYYY'));
         $("#EditUserModal").modal("show");

       } 

     }); 

    }

非常感谢你的帮助

1 个答案:

答案 0 :(得分:0)

在设置null

之前(或同时)检查数据是undefined还是.val();
$('#userBirth').val((typeof data.data_nascita != 'undefined') ? moment(data.data_nascita).format('DD/MM/YYYY') : 'Insert Date of Birth');

这主要是:

if(typeof data.data_nascita != 'undefined') {
    $('#userBirth').val(moment(data.data_nascita).format('DD/MM/YYYY'));
} else { // It's undefined
    $('#userBirth').val('Please Enter Date of Birth');
}