Подтвердить расширение формы ввода типа url

Я работаю над формой, где вы можете разместить свой логотип в качестве URL-адреса. Я знаю, как проверить расширение файла, но не строку из формы. Я начал с кода, который я упомянул здесь, но я полностью потерял.Подтвердить расширение формы ввода типа url

<script> 
$('#editForm_Submit').click(function (e) { 
    e.preventDefault(); 
    var re = /^[A-Za-z]+$/; 
    if(re.test(document.getElementById("LogoUrl").value)) 
     alert('Valid Name.'); 
    else 
     alert('Invalid Name.'); 
}); 
</script>

Он должен preventdefault и проверить РАСШИРЕНИЯ на JPG, PNG и JPEG. если подтверждение, чем отправить else, возвращает false.

Я также попытался

<script> 
jQuery(document).ready(function() { 
    $('#editForm_Submit').click(function (e) { 
     e.preventDefault(); 
     jQuery("input[type=url]").each(function() { 
      jQuery(this).rules("add", { 
       accept: "png|jpe?g", 
       messages: { 
        accept: "Only jpeg, jpg or png images" 
       } 
      }); 
     }); 
    }); 
}); 
</script>

Я знаю, как сделать это с PHP, но я хочу попробовать с Javascript или JQuery

источник

2015-09-03 Brandon Khoury

ваш Regex является неправильным –

И я также использовать, что, например <входной тип = «URL» ID = «LogoUrl»> Они могут ввести URL изображения, как http://www.example.com/image .gif и после представления, что ему нужно вернуть false на submit, потому что он должен быть png, jpg или jpeg –

Вам необходимо регулярное выражение URL:

Проверить этот вопрос Trying to Validate URL Using JavaScript

$('#editForm_Submit').click(function (e) { 
 
    e.preventDefault(); 
 
    var re = /^[A-Za-z]+$/; 
 
    if(validateURL(document.getElementById("LogoUrl").value))) 
 
     alert('Valid Name.'); 
 
    else 
 
     alert('Invalid Name.'); 
 
}); 
 

 

 
function validateURL(textval) { 
 
    var urlregex = new RegExp(
 
    "^(http|https|ftp)\://([a-zA-Z0-9\.\-]+(\:[a-zA-Z0-9\.&amp;%\$\-]+)*@)*((25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9])\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[0-9])|([a-zA-Z0-9\-]+\.)*[a-zA-Z0-9\-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(\:[0-9]+)*(/($|[a-zA-Z0-9\.\,\?\'\\\+&amp;%\$#\=~_\-]+))*$"); 
 
    return urlregex.test(textval); 
 
}

источник

2015-09-03 14:50:16

Подтвердить расширение формы ввода типа url

ответ

Смежные вопросы