How to disallow spaces with a regex pattern in a URL input?

Question

I'm using the HTML input type and you know that the standard validation is very permissive.

Consider this markup:

<form>
    <input type="url" name="link" value="http://jsfiddle .net/" required>
        
    <button type="submit">OK</button>
</form>

I want to add a custom pattern attribute to check that the user can't provide any space.

<input type="url" name="link" pattern="what to do here?" required>

You can fork this fiddle: http://jsfiddle.net/t6dtbhqo/

WorkaroundNewbie · Accepted Answer · 2015-10-09 08:43:03Z

4

why not try pattern="[^\s]+" please see this link i think it is working

<form>
<input type="url" name="link" value="http://jsfiddle .net/" pattern="[^\s]+"  title="please dont use the white space :)" required>

<button type="submit">OK</button>

edited Oct 9, 2015 at 8:43

answered Oct 9, 2015 at 8:33

WorkaroundNewbie

1,14110 silver badges16 bronze badges

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

1 Comment

WorkaroundNewbie Over a year ago

title="please dont use the white space :)" ...... and see this link

Collectives™ on Stack Overflow

How to disallow spaces with a regex pattern in a URL input?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related