Javascript Uncaught ReferenceError：函數未定義

Question

    function addRole(val)
    {

   if (val == "ADD NEW") 

    {

    $('#RoleModal').modal('show');
    $('#form_role').validate({
            rules:  {
                       Storage Code: { required: true},
                       Storage Location: { required: true},
                    },
            messages:{
                       Storage Code: {required: "This field is Required"},
                       Storage Location: {required: "This field is Required"}
                    }
       }); 
    }
}   

這是我的JavaScript代碼，但這會引發Javascript錯誤ReferenceError：我定義該函數時未定義addRole

這是我的查看代碼

echo form_dropdown('Birth_Certificate_Storage_id['.$key.']', $optionstorage,"",array('class'=>'form-control roleId','id'=>'Birth_Certificate_Storage_id['.$key.']','onchange'=>'addRole(this.options[this.selectedIndex].text)'));
 /* second line for readability  */

Answer 1

更正的代碼，對帶空格的字符串鍵使用引號。

   function addRole(val)
    {

   if (val == "ADD NEW") 

    {

    $('#RoleModal').modal('show');
    $('#form_role').validate({
            rules:  {
                       "Storage Code": { required: true},
                       "Storage Location": { required: true},
                    },
            messages:{
                       "Storage Code": {required: "This field is Required"},
                       "Storage Location": {required: "This field is Required"}
                    }
       }); 
    }
}