2015-12-23 5 views
-1

У меня есть функция с вводом var - это имя формы и идентификатора ввода. Теперь я хочу получить значение ввода пароля. Проблема в том, что у меня есть ввод с одним ID, но в другой форме. Поэтому я хочу гибкий способ получить свою ценность, когда я знаю его форму.Как получить значение ввода пароля Javascript

Я попытался var x = Form_Name.ID_Name.value;

, но он не работает. Поэтому, пожалуйста, скажите мне, как получить значение ввода пароля гибким способом. Спасибо. Ниже приводится мой код:

<html> 
<head> 
    <meta http-equiv="content-type" content="text/html" /> 
    <meta name="author" content="lolkittens" /> 
    <script charset="utf-8" type="text/javascript"> 
     function check(Form_Name, ID_Name) 
     { 
      alert(document.getElementById(ID_Name).value); 
      alert(Form_Name); 
      var x = Form_Name.ID_Name.value; 
      alert(x); 
     } 
    </script> 
    <title>Untitled 1</title> 
</head> 

<body> 

    <div id="main" style="width: 300px; height: 200px;"> 
     <form name="MainForm" id="MainForm"> 
      <input id="ID" name="ID" type="text" size="20"/> 
      <input id="Pass" name="Pass" type="password" size="20"/> 
     </form> 
     <button value="click Me" onclick="check('MainForm','ID')"> Click Me </button> 
    </div> 
</body> 
</html> 
+2

Чтобы получить значение пароля, вы можете использовать 'document.getElementById ('Pass'). Value' – Tushar

+1

Используйте методы регулярной DOM, как' document.getElementById() ',' document.getElementsByTagName() и т. д. Выявление каждого элемента в виде глобальной переменной - это то, что можно ожидать в Internet Explorer 4, но не в современных браузерах. –

+0

Большое спасибо. – nptn

ответ

3

Я создал еще одну кнопку, чтобы вы могли получить пароль.

<html> 
<head> 
    <meta http-equiv="content-type" content="text/html" /> 
    <meta name="author" content="lolkittens" /> 
    <script charset="utf-8" type="text/javascript"> 
     function check(Form_Name, ID_Name) 
     { 
      alert(document.getElementById(ID_Name).value); 
     } 
    </script> 
    <title>Untitled 1</title> 
</head> 

<body> 

    <div id="main" style="width: 300px; height: 200px;"> 
     <form name="MainForm" id="MainForm"> 
      <input id="ID" name="ID" type="text" size="20"/> 
      <input id="Pass" name="Pass" type="password" size="20"/> 
     </form> 
     <button value="click Me" onclick="check('MainForm','ID')"> Click Me for ID </button> 
     <button value="click Me" onclick="check('MainForm','Pass')"> Click Me for Password</button> 
    </div> 
</body> 
</html> 

Оптимизированный способ: Вы можете достичь его с помощью той же кнопки, а также путем передачи массива идентификаторов.

Сообщите мне, я могу помочь поподробнее об этом.

+1

это поможет OP удалить ненужный код и объяснить, что не так с 'Form_Name.ID_Name.value' – Hacketo

+0

Да правильно указал. редактирование кода для удаления бесполезного кода. – bozzmob

+0

@bozzmob: Большое спасибо. Я исправил его следующим образом: var x = window [Form_Name] [ID_Name] .value; оповещение (х); Проблема в том, что у меня есть ввод с одним ID, но в другой форме. Поэтому я хочу гибкий способ получить свою ценность, когда я знаю его форму. – nptn

0

Доступ к имени пользователя и паролю с использованием его идентификатора.

<html> 
 
<head> 
 
    <meta http-equiv="content-type" content="text/html" /> 
 
    <meta name="author" content="lolkittens" /> 
 
    <script charset="utf-8" type="text/javascript"> 
 
     function check() 
 
     { 
 
      var username = document.getElementById("ID").value; 
 
      var password = document.getElementById("Pass").value; 
 
      alert("Username: "+username+" Password: "+password); 
 
     } 
 
    </script> 
 
    <title>Untitled 1</title> 
 
</head> 
 

 
<body> 
 

 
    <div id="main" style="width: 300px; height: 200px;"> 
 
     <form name="MainForm" id="MainForm"> 
 
      <input id="ID" name="ID" type="text" size="20"/> 
 
      <input id="Pass" name="Pass" type="password" size="20"/> 
 
     </form> 
 
     <button value="click Me" onclick="check()"> Click Me </button> 
 
    </div> 
 
</body> 
 
</html>

+0

Большое спасибо :) – nptn

Смежные вопросы