JavaScriptの検証:フォームと電子メールの検証について知っておくべきことすべて



JavaScript検証に関するこの記事では、フォーム検証に関する詳細な知識を提供します。 javascriptを使用してフォームを検証する例を提供します。

JavaScriptはで最も人気のある言語の1つです 、フロントエンド、およびバックエンド開発。それは美しくデザインされたウェブサイトを作成するために使用されます。 JavaScriptでは、検証はユーザーを認証するために使用されます。これで JavaScriptの検証 記事では、フォームの検証について次の順序で学習します。

JavaScriptとは何ですか?

高レベル、解釈 Webページをよりインタラクティブにするために使用されるプログラミング言語。とてもパワフルです クライアント側 スクリプト言語あなたのウェブページをより活発でインタラクティブにします。





Javascript-javascript検証-edureka

これは、実装を支援するプログラミング言語です。 繁雑 と美しいデザイン ウェブページ 。あなたのウェブページが生き生きと見えるようにし、あなたをただ見つめる以上のことをしたいのなら、JavaScriptは必須です。



JavaScriptの機能:

  • これはスクリプト言語であり、何の関係もありません 。当初、それは名前が付けられました モカ 、その後に変更 LiveScript そして最後にそれはとして名付けられました JavaScript

  • JavaScriptは オブジェクトベース ポリモーフィズム、カプセル化、継承もサポートするプログラミング言語。



  • JavaScriptは、 ブラウザ だけでなく、 サーバ およびJavaScriptエンジンを備えたデバイス。

JavaScript関数

基本 ビルディングブロック JavaScriptでは次のように呼ばれます 機能 。これは基本的に、タスクを実行したり値を計算したりする一連のステートメントです。関数を使用するには、呼び出し元のスコープ内のどこかに関数を定義する必要があります。

c ++ソート配列

関数定義は、functionキーワードと、それに続くもので構成されます。

  • ザ・ 名前 関数の。

  • のリスト パラメーター 関数に、括弧で囲み、コンマで区切ります。

  • JavaScript ステートメント 関数を定義し、中括弧{}で囲みます。

例を見て、という名前の関数を定義する方法を見てみましょう。 追加

スパイダーパイソンの使い方
function add(a、b){return a + b}

ここで、ユーザーを検証するために、検証機能が使用されます。それでは、先に進んでJavaScriptの検証について詳しく学びましょう。

検証とは何ですか?

検証は、 認証する ユーザー。 JavaScriptは、クライアント側でフォームを検証する機能を提供するため、データ処理はサーバー側の検証よりも高速になります。これは、ほとんどのWeb開発者に好まれています。 JavaScriptを使用して、名前、パスワード、電子メール、日付、携帯電話番号などのフィールドを検証できます。

クライアント側 検証により、クライアントはページをリロードする前にフォームに問題がないかどうかを知ることができなくなります。一方、 サーバ側 JavaScriptをオフにすることでクライアント側の検証を完全にバイパスできるため、検証は重要です。

それでは、JavaScript検証の記事に進み、フォーム検証の例を見てみましょう。

JavaScriptの検証:例

次の例は、フォームを検証するためのHTML、CSS、およびJavaScriptのコードです。

  1. HTML に慣れている 作成する フォーム。
  2. JavaScript に慣れている 検証 フォーム。

FormValidation.html

フォームの検証/ ** /
パスワード:
 

これにより、次の出力が得られます。

次に、別のファイルを作成する必要があります。 リダイレクト クリックした後、ページを新しいページに 参加する ボタン。

Text.html

フォームの検証/ ** /

別のページにリダイレクトされ、次のようになります 出力

今、私たちは追加する必要があります 関数 JavaSciptで入力IDをリンクします。これはポップアップします アラート いずれかのフィールドが空白のままの場合はメッセージ。

function validateform(){var name = document.myform.name.value var password = document.myform.password.value if(name == null || name == ''){alert( '名前を空白にすることはできません' )falseを返す} else if(password.length<6){ alert('Password must be atleast 6 characters long.') return false } } 

これは次をポップします アラート いつ 名前フィールド 空白のままにします:

次に、名前を入力して、 パスワードフィールド 空白の場合、次のように表示されます アラート

名前とパスワードを正しい形式で追加すると、このページはのText.htmlページにリダイレクトされます。 最終出力。

ハッシュマップとハッシュテーブルのJavaの違い

の完全なコード フォームの検証 以下のとおりであります:

フォーム検証関数validateform(){var name = document.myform.name.value var password = document.myform.password.value if(name == null || name == ''){alert( 'Name ca n't be空白 ')falseを返す} else if(password.length<6){ alert('Password must be atleast 6 characters long.') return false } } パスワード: 

これはJavaScriptでのフォーム検証の例です。メールID、パスワード、携帯番号を検証することもできます。などなど。

それでは、別の例を見て、検証する方法を見てみましょう 電子メールID JavaScriptを使用します。

JavaScriptの電子メール検証

Email.html

function ValidateEmail(inputText){var mailformat = /^w+([.-]?w+)*@w+([.-]?w+)*(.w{2,3})+$/ if(inputText.value。 match(mailformat)){document.form1.text1.focus()return true} else {alert( '無効なメールアドレスを入力しました!')document.form1.text1.focus()return false}}

出力

これで、JavaScript検証の記事は終わりです。このブログが参考になり、JavaScript検証の基本的な理解が得られたことを願っています。

また、チェックすることを忘れないでください エドゥレカ質問がありますか? 「JavaScriptの検証」のコメントセクションにその旨を記載してください。折り返しご連絡いたします。