Add More Password Box

In the Add More Password Box script is use to create one or more a password box dynamically through DOM.

Demo :



Password :

Example :

You click a Add More Button and see more password box at broswer.

Code :

Following code is Add More Password Box script code if you need to copy and use to your web site.


<script type="text/javascript">
var PasswordCount = 0;
function addPassword (parentEl)
{
  if (!parentEl)
  {
    return false;
  }
  parentEl = document.getElementById(parentEl);
  if (parentEl == null)
  {
    return false;
  }
  var newPassword = document.createElement("input");
  newPassword.type = "password";
  newPassword.id = "myPassword"&++PasswordCount;
  newPassword.name = "myPassword";
  newPassword.value = "123123";
  newPassword.className='password_box';
  parentEl.appendChild(newPassword);
  return false;
}
</script>
<fieldset id="somePasswords" class="Passwordset">
   <legend><input type="password" id="add_more" name="add_more[]" value="123123" ></legend>
</fieldset>
  <input type="button" value="Add More" onclick="return addPassword('somePasswords');" >

In the above addPassword() function is use to create more a password box.That functions have one arguments that is parentEl.document.createElement("input") is generate a input password box and PasswordCount variable is use to create to child password box id.appendChild() function is use to replace dom object into original password box.

Free Download Script:

If you need to Add More Password Box Script click and download from following zip file.

Download




Content