javascript - How to create a password input with Dojo? - Stack Overflow

admin管理员组

文章数量:1317898

I really get confused when I'm attempting to create a password input with Dojo, the following is the related code fragment:

HTML: <input id="password" type="password">

JavaScript:

var passwordInput = new ValidationTextBox({
    name: "password",
}, "password");

I seems that the input with type of password doesn't work and the below is the effect sketches， which is the plaintext:

Meanwhile, I cannot find another Dojo widget can use as a password purpose, and I also don't think Dojo doesn't support it. So can anybody give me ideas on this issue?

Thnaks in advance.

I really get confused when I'm attempting to create a password input with Dojo, the following is the related code fragment:

HTML: <input id="password" type="password">

JavaScript:

var passwordInput = new ValidationTextBox({
    name: "password",
}, "password");

I seems that the input with type of password doesn't work and the below is the effect sketches， which is the plaintext:

Meanwhile, I cannot find another Dojo widget can use as a password purpose, and I also don't think Dojo doesn't support it. So can anybody give me ideas on this issue?

Thnaks in advance.

• javascript
• passwords
• dojo

Share Improve this question Follow asked Nov 5, 2013 at 9:21 Brady ZhuBrady Zhu 1,40555 gold badges2323 silver badges4545 bronze badges 2

• which dojo version do you use? – nozzleman Commented Nov 5, 2013 at 9:25
• and which browser & version? 'cause this works for me see jsfiddle/HkXtr/1 – nozzleman Commented Nov 5, 2013 at 9:29

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 5

Try to use the type param

var passwordInput = new ValidationTextBox({
    type: "password"
}, "password");

You can create it by the following two ways:

1.Declarative example:

<input id="password" name="password" type="password"  required="true" data-dojo-type="dijit/form/ValidationTextBox" tabindex="0" invalidMessage:'Please enter password.'">

2.Programmatic example

var password = new ValidationTextBox({
    name: "password",
    type: "password"
}, "password");

Instead of ValidationTextBox use TextBox and set property type:'password'

new TextBox({
  type:'password'
},'pass');

you can check it live JSFIDDLE

本文标签： javascriptHow to create a password input with DojoStack Overflow