Question

我想仅在用户在输入字段中键入内容时才显示验证消息。我无法在输入框中输入。

<input type="url" class="form-control" name="website_url">

输入数据应该是有效的网站网址。

我可以在不使用Jquery或Javascript 的情况下执行此操作吗？

Answer 1

你可以通过这样的javascript实现这一点。

<!DOCTYPE html>
<html>
<body>

Enter your url: <input type="text" id="url" onfocusout="myFunction()">



<script>
function myFunction() {
    var x = document.getElementById("url");
    var re = //use valid regex here;
if (!re.test(url)) { 
    alert("url error");
    return false;
}

}
</script>

</body>
</html>

您必须使用有效的正则表达式作为this

等网址

但我更喜欢在javascript关闭的情况下进行服务器端验证。

显示验证消息而不使用required

1 个答案: