ホームページ > ウェブフロントエンド > jsチュートリアル > js_javascriptスキルでフォームを取得する方法

js_javascriptスキルでフォームを取得する方法

WBOY
リリース: 2016-05-16 16:00:39
オリジナル
2183 人が閲覧しました

この記事の例では、jsでフォームを取得する方法を説明しています。皆さんの参考に共有してください。詳細は以下の通りです。

まず次のコードを見てみましょう:

<html> 
<head> 
<scirpy> 
window.onload=function(){ 
   var f1=document.f1; 
   var f2=document.forms[1]; 
 alert(f2.id); 
  var f3=document.forms['f1']; 
} 
</script> 
</head> 
<body> 
<form id="f1" value="f1"></from> 
<from id="f2" value="f2"></form> 
</body> 
</html>
ログイン後にコピー

操作フォーム:

<html> 
 <head> 
 <script> 
  function checkform(f){ 
  var uname=f.username; 
  var pwd=f.password; 
  if(uname.value.length<4){ 
  alert('用户长度必须大于4'); 
  return false; 
  } 
  if(pwd.value.length!=6){ 
  alert('用户密码必须大于 6位'); 
  return false; 
  } 
  return true; 
  } 
 </script> 
 </head> 
 <body> 
 <form id="f1" name="f1" method="post" action=""
 onsubmit="return checkform(this)"> 
   <input name="username" value="" /></br> 
  <input name="password" value="" /></br> 
  <input type="button" value="提交" />  
 </form> 
 </body> 
</html>
ログイン後にコピー

js でフォームを操作する 3 つの方法:

1. ドキュメント内のフォームのインデックスまたはフォームの name 属性を使用してフォームを参照します

コードをコピー コードは次のとおりです:
document.forms[i] // i- を取得します。ページの 番目の項目 Form
document.forms[fromName] //ページ内の対応する名前のフォームを取得します

2. フォームの id 属性を使用します

コードをコピー コードは次のとおりです:
document.getElementById(formId);

3.

コードをコピーします コードは次のとおりです:
document.formName;//最も一般的に使用されるメソッド

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。

関連ラベル:
js
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート