1。概要
実際の開発では、ユーザーが提出したフォームの要素の値が空であるかどうかを判断する必要があることがよくあります。別の状況は、形式のすべての要素の値が空になることを許可されていないことです。この例では、形式のすべての要素が空であるかどうかを判断するためのシンプルで効果的な方法を紹介します。
2。技術的なポイント
主に、フォームオブジェクトの要素属性をループすることにより、JavaScriptに実装されています。フォームオブジェクトの要素属性は、ページ内のフォームフォームのすべての要素の配列です。たとえば、form.elements [0]は、formの最初の要素オブジェクトを表し、form.elements [n]はフォームのn番目の要素オブジェクトを表します。
3。特定の実装コード
(1)新しいindex.jspフォームページを作成します。ページの形式には、空にすることを許可されていない3つの要素と送信ボタンが含まれています。フォームのID属性値を定義する必要があります。重要なコードは次のとおりです。
<form action = "" id = "myform"> <table align = "center"> <tr> <td>メッセージ:</td> <td> <入力タイプ= "text" name = "messageuser"> </td> </tr <tr> <td>メッセージタイトル:</td> <td> <入力タイプ= "メッセージコンテンツ:</td> <td> <textarea rows = "8" cols = "45"> </textarea> </td> <tr> <td align = "center" colspan = "2"> <入力タイプ= "ボタン" value = "onclick =" check() "> </td> </tr </</ful>
(2)このページの<script>タグでフォーム要素の値が空になることが許可されていないことを確認する方法を記述します。重要なコードは次のとおりです。
function check(){var myform = document.getElementById( "myform"); //(var i = 0; i <myform.length; i ++){// loop form if(myform.elements [i] .value == ""){// loop form form formオブジェクトを取得{//各要素が空のアラートであるかどうかを判断します(myform.elements [i] .title+"は空になりません!"); myform.elements [i]; //要素はフォーカスリターンを取得します;}} myform.submit();}JavaScriptでは、フォームオブジェクトの要素属性の値属性は、指定された要素の値を表します。名前属性は、指定されたフォーム要素の名前を表します。タイトル属性は、フォーム要素のタイトルを表します。
上記は、編集者がフォーム要素の値が空であるかどうかを確認するために編集者が紹介するサンプルコードに関する関連する知識です。それがあなたに役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます!