Question

HTML：

<form name="myForm" onsubmit="return validateForm();" method="post" >
    <input type="text" id="website" name="website" class="form-control" placeholder=" Website Link" >
    <button value="Save" name="register" class="btn btn btn-primary btn-block " type="submit" >Register</button>
</form>

JavaScript的：

function validateForm(){
    var valdiationWebsite = document.forms["myForm"]["website"].value;
    if (valdiationWebsite == ""){
        alert("Please Enter Website Link ");
        return false;
    }
}

当字段为空时，它会显示警告。

但是，如果想知道的是，输入字段中输入的文本是有效的网站网址还是简单的文字，那我该怎么办？

如何验证输入的文字？

请帮帮我！

Answer 1

url type用于包含URL地址的输入字段。

提交表单时会自动验证url字段的值。

required属性是布尔属性。

如果存在，则指定在提交表单之前必须填写输入字段。

试试这个

<input type="url" required id="website" name="website" class="form-control" placeholder=" Website Link" >

Answer 2

试试这个正则表达式 /（FTP | HTTP | HTTPS）：//（\ w +：{0,1} \ W * @）（\ S +）？（：[0-9] +）（/ | /（[\ w＃！：？！？+ =安培;％@ - /]））/

Answer 3

type=url可能不支持所有浏览器。您可以使用javaScript来验证这一点。

function isValidUrl(url)
{
     return url.match(/^(ht|f)tps?:\/\/[a-z0-9-\.]+\.[a-z]{2,4}\/?([^\s<>\#%"\,\{\}\\|\\\^\[\]`]+)?$/);
}

将用户输入传递给此isValidUrl函数。有关更好的regualr表达式，请参阅this stack 溢出问题。

我如何检查用户给出的输入是否是有效的网站链接？

3 个答案: