I. Overview
1) In designing a form, you can insert a Password widget to control the permissions to access report data.
2) TThe Password widget is a data entry widget. After clicking Data Entry Preview and New Data Entry Preview modes, you can see the effect of the widget.
3) The Password widget is similar to the Text widget, but there are still some differences. Specifically, the Password widget makes data encrypted in the process of transmission and makes data decrypted after transmission, greatly securing data transmission.
| You will Learn |
|---|
|
II. Steps
1. Insert a Password widget
1) Click B2, click [Widget Setting] in the right-hand pane, click the drop-down box, and choose [Password].
2. Preview
You are allowed to input any text and number in B2 and C2, which will be displayed in an encrypted way.
3. Set the widget name
1) Set the names of the widgets inserted in B2 and C2 respectively.
2) After setting the names, access the widgets through JavaScript, and modify their attributes.
4. Disable the widget
1) Click B2 and uncheck [Enabled]. Click C2 and check [Enabled].
2) Preview. You cannot input passwords in B2 as the widget for it is disabled while you can input passwords in C2 as the widget for it is enabled.
5. Hide the widget
1) Click B2 and uncheck [Visible Widget]. Click C2 and check [Visible Widget].
3) Preview. The widget inserted in B2 is invisible while that in C2 is visible.
6. Add watermarks
1) Input the watermark “input password here” in B2.
2) Preview. You can see a grey watermark in B2, which indicates you can input passwords here.
7. Validate the input value: Not allow null
1) Click B2 and uncheck [Allow Null].
2) Preview
a) Delete the text in B2 and press the Enter button. An error tip pops up on the right-hand side of the browser window.
b) Delete the text in C2 and press the Enter button. There is no error tip.
8. Text length for data validation
1) Set the widget in B2 in the right-hand Widget Setting pane as follows:
Input Rule: Length
Min Length: 1
Max Length: 6
Error Tip: 1-6 letters!
2) Preview. When the length of the text in B2 is not between 1 and 6, an error tip will pop up on the right-hand side of the browser window.
9. Custom input rule for data validation
1) Set the widget in B2 in the right-hand Widget Setting pane as follows:
Input Rule: Custom
Regular Expressions: ^\d{3}$ (which refers to you can only input three numbers)
Error Tip: 3 numbers only!
2) Preview. When the text in B2 is not three numbers, an error tip will pop up on the right-hand side of the browser window.
