HTML フォームと検証イベント

1. フォームの確認

(1). 空でないことの確認 (スペースを削除)

(2).比較検証（値との比較）

(3).範囲検証（範囲による判定）

(4). 固定形式の検証: 電話番号、ID 番号、電子メール、クレジット カード番号などの検証が必要です。

(5).その他の確認

2、正規表現

記号を使用して記述ルールを説明します:/ 正規表現を真ん中に記述します /

^: 先頭に一致、$: 末尾に一致; /^ve/ve で始まる /ve$/ve で終わる

d: 任意の数値

w: 任意の数字または文字

s: 任意の文字列

{n}: 左側の式を n 回繰り返します

{m,n}: 左の式を少なくとも m 回、最大で n 回繰り返します
{m, }: 左の式を少なくとも m 回、最大で無制限に繰り返します

+: 左側の式は少なくとも 1 回、最大で無制限に表示されます ({1,}

と同等)

*: 左側の式は少なくとも 0 回出現し、最大でも制限はなく、{0,} に相当します

?: 左側の式は少なくとも 0 回、最大で 1 回出現します。これは、{0, 1} と同等です

[a,b,c]: 角括弧内の内容のうち 1 つだけを取ることができます

[a-z] または [1-9]: 範囲から 1 つを選択します

|: またはを表します; (): 優先度; : エスケープ -- 「( )」は表示される括弧であり、エスケープする必要があります

3、イベント

イベントには、イベント ソース、イベント データ、イベント ハンドラーの 3 つの要素があります

デフォルトの操作を防ぐためにreturn falseを追加できます

onclick: マウスのクリックによってトリガーされます

ondblclick: ダブルクリックトリガー

onmouseover: マウスが上に移動するとトリガーされます

onmouseout: マウスが離れるときにトリガーされます

onmousemove: マウスが上に移動するとトリガーされます

onchange: コンテンツが変更されるたびにトリガーされます

onblur: フォーカスが失われたときにトリガーされます

onfocus: フォーカスが取得されたときにトリガーされます

onkeydown: キーが押されたときにトリガーされます

onkeyup: ボタンが離されたときにトリガーされます

onkeypress: ユーザーが任意の英数字キーを押して放したときにイベントが発生します。ただし、システム ボタン (矢印キー、ファンクション キーなど) は認識されません。

例: 正規表現に基づいてメールを検証する

関数 checkemail() { var v4 = トリム(u4.value) var reg = /^w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+); *$/; if(v4.match(reg) != null) { imgs4.setAttribute("src","imges/1.png"); } else imgs4.setAttribute("src","imges / 2.png"); false を返します; } }

正規表現の補足:

正規表現の作成方法:

var patten= new RegExp(/^[0-9]{17}[0-9|X]$/);/*RegExp()括弧内の数式は自分で定義する必要があります:

1、[]要素は 1 つだけです

2、()数量​​を表す3、{}の中に単語や数式を書くことができます
4、^: 特定の要素から始めて書きます要素
5 の前、$: 要素 */

の後に書かれた特定の要素で終わる

例:

1、正規表現検証IDカード:

IDカード:

/*javascriptパート*/

var a= document.getElementById("1").value= new RegExp(/^[0-9]{17}[0-9|X]$/);

if(patten.test(a))

{alert("

入力は正しいです"); }

その他

{alert("

入力エラー"); }

2

、正規表現検証メール:

メール: " onclick="mail()" />

関数 mail()

{

var pattern2= new RegExp(/^[0-9|A-z|_]{1,17}[@][0-9|A-z]{1,3}.(com)$/)

var mail = document.getElementById("2").value;

if(patten2.test(mail))

{ アラート("

は正しく入力されました

"); } その他

{ アラート("

入力エラー

"); } }

一般的に使用される正規表現:

番号 一致する国内電話番号:

d {3} -d {8} | d {4} -d {7} コメント: 0511-4405222
または 021-8788822 Tencent と一致する QQ
番号: [1-9][0-9]{4,} コメント: Tencent QQ
番号は 10000 から始まります 中国の郵便番号と一致します: [1- 9] ]d{5}(?!d)
コメント: 中国の郵便番号は 6
桁 一致する ID カード: d{15}|d{18}
コメント: 中国の ID カードは 15
bits または 18bits Match ip
address: d+.d+.d+.d+ コメント: ip
address Match specific を抽​​出するときに便利です数字:
^[1 -9]d*$ 整数 ^[ 1-9]d*|0$ //
非負の整数 (正の整数+ 0
) と一致します
^-[1-9]d*| 0$ //は負でない整数と一致します 正の整数 (負の整数
+ 0) ^[1-9]d*.d*|0.d*[1-9]d*$ // 正の浮動小数点数と一致する
^-( [1-9]d*.d*|0.d*[1-9]d*)$ //負の浮動小数点数と一致する ^-?([ 1-9]d*.d*|0. d*[1-9]d*|0?.0+|0)$ //浮動小数点数の一致 ^[1-9]d*.d *|0.d*[1-9]d* |0?.0+|0$ //
非負の浮動小数点数と一致します (正の浮動小数点数+ 0
)
^(-( [1-9]d*.d*|0.d*[ 1-9]d*))|0?.0+|0$ //非正の浮動小数点数（負の浮動小数点数
）と一致します+ 0) コメント: 大量のデータ、特定のアプリケーションを処理する場合に役立ちます 訂正に注意してください
特定の文字列と一致します: ^[A-Za-z]+$ // 次で構成される文字列と一致します26
英字
^[A-Z]+$ //
26英字の大文字 ^[a-z]+$ で構成される文字列と一致します^[A-Za-z0-9]+$ //は数字と 26 英字
で構成される文字列と一致します ^w+$ //は数字 26 A で構成される文字列と一致します文字またはアンダースコアで構成される文字列
RegularExpressionValidator検証コントロールを使用する場合の検証関数とその検証式は次のように導入されます:
数値のみを入力できます: "^[0-9]*$ 「
nlyndigitsを入力することができます：“^d {n} $”
notinlyは入力できます。 m-nの数字で入力できる数字のみ:
“^d{m,n}$” ゼロで始まる数字とゼロ以外の数字のみを入力できます: ”^(0|[1-9 ][0-9 ]*)$”
小数点以下 2 桁の正の実数のみを入力できます: ”^[0-9]+(.[0-9]{2})?$”
あなた1- 小数点以下 3 桁の正の実数のみを入力できます:
“^[0-9]+(.[0-9]{1,3})?$” ゼロ以外の正の整数のみ入力可能: “^+ ?[1-9][0-9]*$” ゼロ以外の負の整数のみ入力可能:
“^-[1-9][0-9]*$ ” の長さのみ入力可能
3文字のみ入力可能: "^.{3}$"
26文字からなる文字列のみ入力可能 英字: "^[A-Za -z]+$"
26の大文字の英語で構成される文字列のみを入力できます: “^[A-Z]+$”
26の小文字の英語で構成される文字列のみ入力できます文字: “^[ a-z]+$”
数字と26で構成される文字列のみを入力できます。 英文字: “^[A-Za-z0-9]+$”
数字で構成される文字列のみを入力できます。 26 文字の文字列 英字またはアンダースコア: “^w+$”
ユーザーパスワードの確認: “^[a-zA-Z]w{5,17 }$” 正しい形式は次のとおりです。文字で始まり、長さは の間です。文字、数字、アンダースコアのみを含めることができます。
^%&'',;=?$" などの文字が含まれているかどうかを確認します: "[^%&'',;=?$x22]+"
中国語の文字のみを使用できます入力: " ^[u4e00-u9fa5],{0,}$"
認証メールアドレス: “^w+[-+.]w+)*@w+([-.]w+)*.w+ ([-. ]w+)*$” 認証インターネットURL: “^http://([w-]+.)+[w-]+(/[w-./?%&=]*)?$”
認証用電話番号数値 数値: "^((d{3,4})|d{3,4}-)?d{7,8}$"
正しい形式: "XXXX-XXXXXXX", 「XXXX -XXXXXXXX」、「XXX-XXXXXXX」、「XXX-XXXXXXXX」
、「XXXXXXX」、「XXXXXXX」。 ID番号（15digitsまたは
18digits）：“^d {15} | d {} 18 $” ^(0?[1-9]|1[0-2])$"正しい形式は次のとおりです: "01"-"09"
および "1" "12" 月の 31 日を確認します: “^((0?[1-9])|((1|2)[0-9])|30|31)$” 正しい形式は、「01」「09」と
「1」「31」です。 hulterming漢文字を一致させる正規表現：[u4e00-u9fa5]二倍の文字と一致する
（漢字を含む）：[^x00-xff] : n[s| ]*r
HTML タグに一致する正規表現:
/<(.*)>.*|<(.*) />/ 正規表現の一致先頭と末尾のスペース: (^s*)|(s*$) Email アドレスに一致する正規表現:
w+([-+.]w+)*@w+( [-.]w+)*。 w+([-.]w+)*
URL に一致する正規表現 URL: http://([w-]+.)+[w-]+( /[w- ./?%&= ]*)?