JS realizes verification of widget value-FineReport Help Document

Last update： 2021-06-01

I. Overview

1. Application scenario

It is hoped that after entering the value in the data entry widget, the verification will be carried out in a timely manner. If there is a problem, a prompt will pop up and the input value will be cleared. The example shown in the figure is that the input string must conform to the format set by the regular expression. If the format is not satisfied, a warning reminder will pop up, as shown in the figure below.

In specific applications, you can formulate corresponding verification rules according to your needs.

2. Realization idea

In the edit end event of the widget, use the test method of JS to determine whether the value of the widget matches the regular expression. If it does not match, clear the input value.

II. Example

1. Design template

Enter Number: in cell A1, and add a Text Field widget in cell B1, as shown below:

2. Add edit end event

Select the text field widget in cell B1 and add an edit end event to the widget, as shown in the following figure:

The JavaScript code is as follows:

var ch = this.getValue();
var patrn = /\s*[0-9]{4,9}\s*$/;
//Use regular expressions to define rules: The requirement must be a number and no less than four digits
if (!patrn.test(ch)) {
	FR.Msg.alert("Tip", "The format is wrong, it must be a number and no less than four digits, the correct format is such as: 12345");
	this.setValue("");
}