HTMLDOM入力URLパターンプロパティ
HTML DOM入力URLパターンプロパティは、URL入力に対応する正規表現を設定/返します。パターン属性の値は、URLフィールドに入力されたテキストと照合されます。
Sytax
以下は構文です-
- 正規表現を返す
inputURLObject.pattern
- パターンの設定 正規表現へ
inputURLObject.pattern = ‘RegExp’
例
入力URLパターンの例を見てみましょう プロパティ-
<!DOCTYPE html>
<html>
<head>
<title>Input URL pattern</title>
<style>
form {
width:70%;
margin: 0 auto;
text-align: center;
}
* {
padding: 2px;
margin:5px;
}
input[type="submit"] {
border-radius: 10px;
}
</style>
</head>
<body>
<form onsubmit="checkPattern()">
<fieldset>
<legend>URL-pattern</legend>
<label for="URLSelect">URL :
<input type="url" id="URLSelect" pattern="https?://www.+[a-zA-Z0-9]+.com">
</label>
<input type="submit" value="Submit">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
var divDisplay = document.getElementById("divDisplay");
var inputURL = document.getElementById("URLSelect");
divDisplay.textContent = 'pattern: '+inputURL.pattern;
function checkPattern() {
if(inputURL.value !== ''){
alert("Redirecting to "+User);
}
}
</script>
</body>
</html> 出力
これにより、次の出力が生成されます-
[送信]をクリックする前に ボタン-
[送信]をクリックした後 パターンが無効なボタン-
[送信]をクリックした後 有効なパターンのボタン-
-
HTMLDOM入力パスワードパターンプロパティ
HTML DOM入力パスワードパターンプロパティは、入力パスワードフィールドのパターン属性を設定または返すために使用されます。パスワードを、patternプロパティで指定された正規表現と照合します。 構文 以下はの構文です パターンプロパティの設定- passwordObject.pattern = regexp ここで、regexpは、パスワードフィールドがチェックされる正規表現です。 例 パスワードパターンプロパティの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>Input Pas
-
HTMLDOMURLプロパティ
HTML DOM URLプロパティは、ドキュメントのURLに対応する文字列を返します。 以下は構文です- 文字列値を返す document.URL HTML DOM URLの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM URL</title> <style> form { width:70%; margin: 0 auto;