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

I'm looking to validate a URL without requiring the user to enter "http://". How it is in the form below, "http://" must be entered for the form to be submitted. I can't figure out how to do this. Any help would be much appreciated.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Makes "field" required and a url.</title>
<link rel="stylesheet" href=".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=".9.1.min.js"></script>
<script src=".validate.js"></script>
<script src=".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>

Edit: Took isherwood's advice:

    var txt = $('#website').val();

    var http = txt.indexOf('http://');

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

<!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./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>

Edit: Took isherwood's advice:

    var txt = $('#website').val();

    var http = txt.indexOf('http://');

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

Share Improve this question edited Oct 10, 2013 at 17:13 asked Oct 10, 2013 at 15:48 Tim Aych 1,3654 gold badges17 silver badges34 bronze badges

1 You might consider using a CDN for jQuery and the Validate plugin – Blazemonger Commented Oct 10, 2013 at 16:01

Add a ment |

2 Answers 2

Sorted by: Reset to default 6

Why not add it to the URL for your users? A URL isn't a URL without a protocol anyway (the exception being protocolless URLs, but they still have '//').

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

you can use addmethod with REGEX, just add the class from the method to your input http://jqueryvalidation/jQuery.validator.addMethod/

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

javascript - jQuery Validation Plugin - remove 'http:' requirement with URL's - Stack Overflow

2 Answers 2

与本文相关的文章

评论列表(0)