Validate Custom Input URL fields with jQuery & Regex

Question

So basically I'm trying to validate URLs (http://www.x) - currently working - and on top of that, validate jsFiddle (input must start with "http://www.jsfiddle.net/") & stackoverflow URLs (input must start with "http://www.stackoverflow.com/")

Here is a working fiddle http://jsfiddle.net/eAnS9/

The validation is the bassistance validate plugin, which is documented here.

Any idea how to validate the fields correctly based on their beginning values?

UPDATE: It must work with/integrate with bassistance current validation, maybe as a custom url function in bassistance source code? (there is where the url regex is)

Brock Adams · Accepted Answer · 2011-08-09 13:27:04Z

2

Use validator.addMethod() to create a custom rule. This one should do the trick:

//--- Add a domain-check rule
jQuery.validator.addMethod ("domainChk", function (value, element, params) {

        if (this.optional (element) )
            return true;

        //--- Get the target domain, this will be in the rel attribute.
        var targDomain  = $(element).attr ("rel");
        var regExp      = new RegExp ("^https?:\/\/(www.)?" + targDomain + "\/", "i");

        return regExp.test (value);
    },
    function errmess (params, element) {
        return "This must be a valid URL for " + $(element).attr ("rel");
    }
);

Now connect it to a CSS class. :

jQuery.validator.addClassRules ( { domainChk: {domainChk: true} } );

The domainChk rule expects the required domain to be in the rel attribute of the input, like so:

<input class="field required url domainChk" rel="jsfiddle.com"      ...>
<input class="field required url domainChk" rel="stackoverflow.com" ...>

That's it! See it all in action at jsFiddle.

edited Aug 9, 2011 at 13:27

answered Aug 9, 2011 at 13:19

Brock Adams

94k23 gold badges242 silver badges312 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Maverick Over a year ago

Perfect answer. Thanks very much Brock, I learned a lot today:)

dreuv2 · Accepted Answer · 2011-08-05 21:51:45Z

0

could be better but

   var Reg = /https?:\/\/(w{3}\.)?(jsfiddle|stackoverflow)(.com\/)/

is what i used. http://jsfiddle.net/eAnS9/

answered Aug 5, 2011 at 21:51

dreuv2

233 bronze badges

Collectives™ on Stack Overflow

Validate Custom Input URL fields with jQuery & Regex

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related