regex - URLの正規表現は柔軟な始まりを作る

Question

次の正規表現パターンを変更して、http または https を必要としないようにする方法:

<input type="url" 
 pattern="^(ht|f)tp(s?)\:\/\/[0-9a-zA-Z]([-.\w]*[0-9a-zA-Z])*(:(0-9)*)*(\/?)([a-zA-Z0-9\-\.\?\,\:\'\/\\\+=&amp;%\$#_]*)$"
 validationMessage="Enter a valid web url />

ユーザーは通常の www と入力するだけです。http:// や https:// は必要ありません。

フォローしようとしましたが、www.google.com に入力しましたが、機能しませんでした。

pattern="^[0-9a-zA-Z]([-.\w]*[0-9a-zA-Z])*(:(0-9)*)*(\/?)([a-zA-Z0-9\-\.\?\,\:\'\/\\\+=&%\$#_]*)$"

Answer 1

pattern="^(?:(ht|f)tp(s?)\:\/\/|\/\/)?[0-9a-zA-Z]([-.\w]*[0-9a-zA-Z])*(:(0-9)*)*(\/?)([a-zA-Z0-9\-\.\?\,\:\'\/\\\+=&%\$#_]*)$"

これにより、たとえば次のことが可能になります。

http://www.mysite.com
//www.mysite.com
www.mysite.com

Answer 2

あなたはこれを試すかもしれません：

^((ht|f)tp(s?)\:\/\/)?[0-9a-zA-Z]([-.\w]*[0-9a-zA-Z])*(:(0-9)*)*(\/?)([a-zA-Z0-9\-\.\?\,\:\'\/\\\+=&%\$#_]*)$

これにより、次のような入力が可能になります。

http://www.google.com
www.google.com
https://www.google.com
google.com

次のようなものは許可されません。

//www.google.com

それがあなたが探しているものであることを願っています。