diff --git a/airtime_mvc/public/js/airtime/nowplaying/register.js b/airtime_mvc/public/js/airtime/nowplaying/register.js
index fe1e3b38f..cd580443e 100644
--- a/airtime_mvc/public/js/airtime/nowplaying/register.js
+++ b/airtime_mvc/public/js/airtime/nowplaying/register.js
@@ -99,7 +99,40 @@ $(document).ready(function(){
$('.toggle legend').live('click',function() {
$('.toggle').toggleClass('closed');
return false;
- });
+ });
+
+ $("#Logo").live('change', function(ev){
+ var content, res, logoEl;
+
+ content = $(this).val();
+ res = content.match(/(jpg|jpeg|png|gif)$/gi);
+ logoEl = $("#Logo-element");
+
+ //not an accepted image extension.
+ if (!res) {
+ var ul, li;
+
+ ul = logoEl.find('.errors');
+ li = $("
").append("Image must be one of jpg, jpeg, png, or gif");
+
+ //errors ul has already been created.
+ if (ul.length > 0) {
+ ul.empty()
+ .append(li);
+ }
+ else {
+ logoEl
+ .append('')
+ .find(".errors")
+ .append(li);
+ }
+
+ $(this).val("");
+ }
+ else {
+ logoEl.find(".errors").remove();
+ }
+ });
});
function resizeImg(ele, targetWidth, targetHeight){
diff --git a/airtime_mvc/public/js/airtime/preferences/support-setting.js b/airtime_mvc/public/js/airtime/preferences/support-setting.js
index d26c39cf8..7e4331960 100644
--- a/airtime_mvc/public/js/airtime/preferences/support-setting.js
+++ b/airtime_mvc/public/js/airtime/preferences/support-setting.js
@@ -48,4 +48,37 @@ $(document).ready(function() {
$('.toggle').toggleClass('closed');
return false;
});
+
+ $("#Logo").change(function(ev){
+ var content, res, logoEl;
+
+ content = $(this).val();
+ res = content.match(/(jpg|jpeg|png|gif)$/gi);
+ logoEl = $("#Logo-element");
+
+ //not an accepted image extension.
+ if (!res) {
+ var ul, li;
+
+ ul = logoEl.find('.errors');
+ li = $("").append("Image must be one of jpg, jpeg, png, or gif");
+
+ //errors ul has already been created.
+ if (ul.length > 0) {
+ ul.empty()
+ .append(li);
+ }
+ else {
+ logoEl
+ .append('')
+ .find(".errors")
+ .append(li);
+ }
+
+ $(this).val("");
+ }
+ else {
+ logoEl.find(".errors").remove();
+ }
+ });
});