Как создать поле пароля в JavaScript

Question

Как создать поле пароля в JavaScript

0

Я создаю страницу регистрации, и у пользователя есть возможность либо зарегистрироваться как сотрудник, либо как администратор (переключатели). Если он захочет зарегистрироваться в качестве администратора, мне нужно добавить поле "Пароль", которое он должен знать (компания должна предоставить ему этот пароль). Вот что я пробовал

<form method="post" action="Registration.php" onSubmit="return valid(this)">
#some code here
Admin<input type="radio" name="radiobutton" id="v2" value="v2" onclick="ch()">

<script type="text/javascript">
    function ch(){
    var newInput=document.createElement("input");
    newInput.setAttribute('type','password');
    newInput.setAttribute('name','password');
    newInput.setAttribute('value','password');
    document.getElementById("v2").appendChild(newInput);
    }
</script>

ПРИМЕЧАНИЕ. Это мой первый раз, используя javascript! Отредактированный код, по-прежнему не работает.

Roudy Tarabay 19 янв. 2014, в 16:11

Источник

3

Вы также должны поместить это куда-нибудь.
SLaks 19 янв. 2014, в 14:34
0

@SLAKS я не понял
Roudy Tarabay 19 янв. 2014, в 14:37
1

.createElement() создаст элемент, который еще не является частью вашего документа. Вам нужно использовать .appendChild() чтобы добавить его в форму.
nnnnnn 19 янв. 2014, в 14:39
0

developer.mozilla.org/en-US/docs/Web/API/Node.appendChild
SLaks 19 янв. 2014, в 14:44

Показать ещё 2 комментария

Теги:

javascript

html

forms

web

4 ответа

0

Вам нужно создать новый элемент.

var newInput=document.createElement("input");

и добавьте один и тот же элемент в DOM appendChild().

Simpal Kumar 22 янв. 2014, в 20:02

0

Лучше всего иметь класс под названием "скрытый", который скрывает элемент, который имеет этот класс. поэтому, если мы нажмем на радио служащего, мы дадим полям admin 'div скрытый класс, таким образом, спрячем его и удалим скрытый класс из полей employee.

Admin<input type="radio" name="radiobutton" id="v2" value="v2" onclick="changefields(1)">

Employee<input type="radio" name="radiobutton" id="v2" value="v2" onclick="changefields(2)">

<div id='employees' class='hidden'>
<!-- input for employees -->
</div>

<div id='admins' class='hidden'>
<!-- input for admins -->
</div>
<script>
function changefields(type){
if(type==2){
$("#employees").removeClass("hidden");$("#admins").addClass("hidden");
}
else{
$("#admins").removeClass("hidden");$("#employees").addClass("hidden");
}
}
</script>

<style>.hidden{display:none}</style>

hsemarap 19 янв. 2014, в 13:31

0

JQuery намного проще в использовании:

$(selector).append("<input type="password" name="password" value="password">");

Jonas Libbrecht 19 янв. 2014, в 12:59

2

Это синтаксическая ошибка.
SLaks 19 янв. 2014, в 14:40

Ещё вопросы

Вы также должны поместить это куда-нибудь.
.createElement() создаст элемент, который еще не является частью вашего документа. Вам нужно использовать .appendChild() чтобы добавить его в форму.

SLaks · Accepted Answer · 2014-01-19T13-11-00.000Z

Вы создали новый элемент <input>, но никогда не помещаете его в документ.

Если вы хотите увидеть элемент, вам нужно добавить его где-нибудь в дереве DOM, вызвав appendChild() для существующего элемента.

Я редактировал код, все еще не работает: /
@RoudyTarabay: у элементов <input> не может быть дочерних элементов.