I am trying to ensure users can only enter a valid UK postcode
I can't get the code to work, any help greatly appreciated
Code: Select all
<html>
<head>
<script src="/jquery/jquery.js"></script>
<script src="/jquery/jquery.validate.js"></script>
<script>
$(document).ready(function(){
$.validator.addMethod(
"validpostcode",
function(value, element, regexp) {
var check = false;
var re = new RegExp(regexp);
return this.optional(element) || re.test(value);
},
"Please enter a valid postcode."
);
$("#commentForm").validate({
rules: {
postcode: {
required: true,
minlength: 3,
validpostcode: "^([a-zA-Z]){1}([0-9][0-9]|[0-9]|[a-zA-Z][0-9][a-zA-Z]|[a-zA-Z][0-9][0-9]|[a-zA-Z][0-9]){1}([ ])([0-9][a-zA-z][a-zA-z]){1}$"
},
messages: {
postcode: {
required: "Please Enter Postcode",
minlength: jQuery.format("You need to use at least {0} characters for your postcode.")
}
}
});
});
</script>
</head>
<body>
<form id="commentForm" method="get" action="">
<fieldset>
<p>
<label for="cpostcode">Postcode</label>
<em>*</em><input id="cpostcode" name="postcode" size="25" />
</p>
<p>
<input class="submit" type="submit" value="Submit"/>
</p>
</fieldset>
</form>
</body>
</html>