Insert and edit the Validation Password widget



    Insert the Validation Password widget

    1. Select Insert > Spry > Spry Validation Password.
    2. Complete the Input Tag Accessibility Attributes dialog box and click OK.
    Note: You can also insert a Validation Password widget by using the Spry category in the Insert panel.

    Change required status of a Validation Password widget

    By default, all Validation Password widgets that you insert with Dreamweaver require user input when published on a web page. You can, however, make the completion of password text fields optional for the user.

    1. Select a Validation Password widget in the Document window by clicking its blue tab.
    2. In the Property inspector (Window > Properties), select or deselect the Required option, depending on your preference.

    Display widget states in Design view

    1. Select a Validation Password widget in the Document window by clicking its blue tab.
    2. In the Property inspector (Window > Properties), select the state you want to see from the Preview States pop-up menu. For example, if you want to see the widget in its valid state, select Valid.

    Specify when validation occurs

    You can set the point at which validation occurs—when the site visitor clicks outside the widget, as the visitor types, or when the visitor tries to submit the form.

    1. Select a Validation Password widget in the Document window by clicking its blue tab.
    2. In the Property inspector (Window > Properties), select the option that indicates when you want validation to occur. You can select all of the options or Submit only.
      Blur
      Validates whenever the user clicks outside the password text field.

      Change
      Validates as the user changes text inside the password text field.

      Submit
      Validates when the user tries to submit the form. The submit option is selected by default, and cannot be deselected.

    Set password strength

    Password strength refers to the degree to which combinations of certain characters match the requirements for a password text field. For example, if you’ve created a form in which users are selecting a password, you might want to force your users to include a certain number of uppercase letters in the password, a certain number of special characters, and so on.

    Note: By default, none of the available options are set for the Password widget.

    1. Click the Validation Password widget’s blue tab to select it.

    2. Set options in the Property inspector (Window > Properties) as desired. The numbers that you enter into the option fields are the numbers required for the widget to validate. For example, if you enter 8 in the Minimum characters box, the widget will not validate unless the user has entered at least eight characters in the password text field.

    Minimum/Maximum characters
    Specifies the minimum and maximum number of characters required for the password to be valid.

    Minimum/Maximum letters
    Specifies the minimum and maximum number of letters (a, b, c, and so on) required for the password to be valid.

    Minimum/Maximum numbers
    Specifies the minimum and maximum number of numbers (1, 2, 3, and so on) required for the password to be valid.

    Minimum/Maximum uppercase
    Specifies the minimum and maximum number of uppercase letters (A, B, C, and so on) required for the password to be valid.

    Minimum/Maximum special characters
    Specifies the minimum and maximum number of special characters (!, @, #, and so on) required for the password to be valid.

    Leaving any of the above options blank causes the widget not to validate against that criterion. For example, if you leave the Minimum/Maximum numbers option blank, the widget does not look for numbers in the password string.