1. ホーム
  2. HTML

document.forms 使用方法

2022-03-03 03:13:54

1. document.forms("formname") の使用は、FFでは許容されませんが、ieでは許容されます。

        添え字の使い方を document.forms["formname"] に変更するのがよいでしょう。

2. FFではdocument.allは使用不可、document.allはieで定義された使用法

        document.getElementByIdに変更するのがベターです。

3. divId.style.displayなどのdivのプロパティを取得するために、FFでdivのidを直接使用することができません。

        は一貫して document.getElementById("divId").style.display に変更する必要があります。





JavaScriptの使い方をいくつかまとめてみました。

以下の使い方は、JSPにonclickという属性を追加する必要があります。allselectの場合、οnclick="javascript:allselect()"//javascriptは省略可能です。

または、document.getElementById("allselectbox").onclick = function() で function allselect() を使用することも可能です。

allselectを使用します。

fuction allselect(){ <未定義



var form = document.forms[0];



var state = form.allselectbox.checked;



var length = form.username.length;



if(length){。 <未定義



for(var i=0;i<length;i++){ <未定義



   form.usernames[i].checked=state。



}



}else form.username.check = state;



}

select allの別の書き方。

関数 allSelect(){ <未定義



var items = document.getElementsByName("usernames");



var state = document.getElementsByName("allselectbox")[0].checked;



if(items.length){。 <未定義



   for(var i = 0; i < items.length;i++){。 <未定義



    items[i].checked = state;



   }



}else{ <未定義



   items.checked = state;



}



}

単一選択です。



関数 selectitem(){ <未定義



var form = document.forms[0];



var length = form.username.length;



if(length){。 <未定義



for(var i=0;i<length;i++){ <未定義



   if(form.usernames[i].checked) trueを返します。



}



}else return form.usernames.check;



}

他のページへ移動します。

関数 topage(page){ <未定義



var form = document.forms[0]



form.page.value = page;



form.submitを実行します。



}

ラジオボックスRadioの値を取得します。



関数 getradiovalue(objradio){ ※2 <未定義



var result = ""。



try{ <未定義



   if(typeof(objradio.value)=="undefined"){。 <未定義



    for(var i=0;i<objradio.length;i++){... <未定義



     if(objradio[i].checked){。 <未定義



      objradio[i].valueを返す。



     }



    }



   }else{ <未定義



    if(objradio.checked) result = objradio.value;



   }



}catch(e){result = "";}。



は結果を返します。



}



電子メールの認証



function isValidEmail(inEmail){。 <未定義



var filter = /^([a-zA-Z0-9_/. /-])+/@(([a-zA-Z0-9/-])+/.) +([a-zA-Z0-9]{2,4})+$/;



return filter.test(inEmail);



}

電話のフォーマットを確認します。

function validateMobile(){ <未定義



var form = document.forms[0];



if(form.mobile.value!=" "){。 <未定義



    var num = /^1[35]/d{9}$/ です。



   if(!num.test(form.mobile.value)){。 <未定義



    alert("The recipient's mobile number is not in the correct format");



    は false を返します。



   }



   alert("correct")。



}

}





request.getParameter("アクション")

私のテストコード

フォームに含まれるすべての要素オブジェクトのプロパティ(ID名値など)をループ処理する

要素checkBoxのチェック状態の値を取る 

独自の初期化されたチェックボックスの値 サーバーサイドから取得した値