验证表单输入类型url的扩展

Validate extension of a form input type url

本文关键字：扩展 url 类型 表单 输入 验证      更新时间：2023-09-26

我正在工作的形式，你可以把你的标志作为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>

它必须防止默认并检查jpg,png和jpeg的扩展名。如果验证，则提交，否则返回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

你需要一个URL:

的正则表达式

检查这个问题试图使用JavaScript验证URL 

$('#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);
}

相关文章：