jQuery 验证插件 - 删除 URL 的“http://”要求

jQuery Validation Plugin - remove 'http://' requirement with URL's

本文关键字：http 要求 插件 验证 删除 URL jQuery      更新时间：2023-09-26

我希望在不需要用户输入"http://"的情况下验证URL。在下面的表格中，必须输入"http://"才能提交表格。我不知道该怎么做。任何帮助将不胜感激。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Makes "field" required and a url.</title>
<link rel="stylesheet" href="http://jquery.bassistance.de/validate/demo/site-demos.css">
</head>
<body>
<form id="myform">
<label for="field">Required, URL: </label>
<input class="left" id="field" name="field">
<br/>
<input type="submit" value="Validate!">
</form>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://jquery.bassistance.de/validate/jquery.validate.js"></script>
<script src="http://jquery.bassistance.de/validate/additional-methods.js"></script>
<script>
// just for the demos, avoids form submit
jQuery.validator.setDefaults({
  debug: true,
  success: "valid"
});
$( "#myform" ).validate({
  rules: {
    field: {
      required: true,
      url: true
    }
  }
});
</script>
</body>
</html>

编辑：采纳了伊舍伍德的建议：

    var txt = $('#website').val();
    var http = txt.indexOf('http://');
    if (http > -1) {
        $('#website').val(txt);
    } else {
       $('#website').val('http://' + txt);
    }

为什么不将其添加到用户的URL中？无论如何，URL 不是没有协议的 URL(无协议 URL 除外，但它们仍然有"//"(。

$('#myform').on('submit', function() {
    var myURL = 'http://' + $('#field').val();
    $('#field').val(myURL);
});
您可以将

addMethod 与 REGEX 一起使用，只需将方法中的类添加到您的输入中即可http://jqueryvalidation.org/jQuery.validator.addMethod/

相关文章：