Webpage table construction and data verification method and device, equipment and medium

Abstract

The invention relates to a webpage table construction and data verification method and device, equipment and a medium, and the method comprises the steps that a table and at least one form are created, the table comprises at least one cell object, and each form comprises a plurality of form items; corresponding relation construction and nesting configuration are carried out on the table and the form, and definition information of a nested table is obtained; wherein the definition information comprises a form component attribute of a target form corresponding to the target cell object; the form component attribute comprises a verification rule for each piece of form item data in the target form; generating a webpage table according to the definition information, wherein the webpage table comprises nested cells for nesting the form; wherein the webpage table is used for verifying each piece of form item data in real time according to the verification rule. The problems that the data processing amount is large and logic is complex during one-time verification are avoided, diversified verification requirements can be met through simple configuration, and the development period is greatly shortened; and meanwhile, the flexibility is high, and service iteration is adapted.

Description

Technical Field

[0001] The present disclosure relates to the technical field of front-end development and table verification, and in particular to a method, device, equipment and medium for constructing and verifying data of a webpage table. Background Art

[0002] With the enrichment of front-end development tools and component libraries, the need to build personalized front-end pages has become more and more common. For example, presenting business tables in web pages for statistical information has become a common theme in visualization development. With the complexity of business types and the diversification of statistical data, data verification of business tables has also become relatively complex.

[0003] In the process of realizing the concept of the present disclosure, the inventors found that there are at least the following technical problems in the related technology: since tables and forms are different, the current verification logic for the table format mostly requires users to fill in the data of all cells in the table, and then perform a one-time verification after the filling is completed. If there are data items that fail the verification, the entire page of table data needs to be re-filled. This verification method makes it impossible for users to confirm whether the content they input is correct during the real-time input process, resulting in a large number of errors being discovered after submission, and the need to re-modify, wasting time and energy; at the same time, the one-time verification method mostly requires calling the service of the background server for processing, which takes a long time to verify when the table contains a large amount of data, and may also cause service interruptions or various exceptions due to network problems, or cause web page crashes on the front end due to complex verification logic, resulting in poor user experience. Summary of the invention

[0004] In order to solve the above technical problems or at least partially solve the above technical problems, the embodiments of the present disclosure provide a method, device, equipment and medium for constructing and verifying data of a webpage table.

[0005] In the first aspect, an embodiment of the present disclosure provides a method for constructing and verifying data of a webpage table. The above method includes: creating a table and at least one form, the above table includes at least one cell object, and each of the above forms includes multiple form items; constructing and nesting the corresponding relationship between the above table and the above form to obtain definition information of the nested table; the above nested table refers to a table containing a target cell object with multiple form items nested; wherein the above definition information includes: the form component attributes of the target form corresponding to the target cell object; the above form component attributes include: verification rules for each form item data in the above target form; generating a webpage table according to the above definition information, the above webpage table includes nested cells of the nested form; wherein the above webpage table is used to perform real-time verification on each form item data according to the above verification rules.

[0006] In some embodiments, a correspondence is constructed and nested between the table and the form to obtain definition information of the nested table, including: constructing a correspondence between the cell objects in the table and the form, and nesting the target cell objects with the correspondence and the target form to obtain structural definition information of the nested table; configuring the form component properties of the corresponding target form for the target cell objects; and generating definition information of the nested table based on the structural definition information and the form component properties.

[0007] In some embodiments, the above-mentioned correspondence relationship is constructed in at least one of the following ways: constructing a correspondence relationship between the cell objects and the form in the table according to specified binding information; or, analyzing the properties of the cell objects and the form in the table, binding the cell objects and the form with common properties or upper and lower key information associated properties to obtain a correspondence relationship.

[0008] In some embodiments, the above-mentioned creation of a table and at least one form includes: introducing a table component and a form component in a component library into a front-end development page; creating a table based on the above-mentioned table component, and creating at least one form based on the above-mentioned form component; the above-mentioned generation of a web page table according to the above-mentioned definition information includes: generating a target web page file according to the above-mentioned definition information; loading the above-mentioned target web page file into a front-end device to generate a web page table.

[0009] In some embodiments, the above-mentioned form component attributes also include: prompt information definition information; the above-mentioned prompt information definition information includes: the display position, display style and prompt content contained in the prompt information; the above-mentioned prompt content includes at least one of the following: the error reason or correction suggestion corresponding to the verification failure, and the prompt symbol for the verification success.

[0010] In some embodiments, the above method also includes: detecting the first form item data entered in real time in the above web page form; obtaining the first form component attribute of the first target form corresponding to the above first form item data; determining the target verification rule for the above first form item data from the above first form component attribute; verifying the first form item data entered in real time based on the above target verification rule; and prompting the verification result based on the prompt information definition information configured in the above form component attribute.

[0011] In some embodiments, the above-mentioned verification rules are stored in the front-end device and verification is performed. The above-mentioned verification rules are used to verify each form item data from two levels: data format and business rules. The above-mentioned business rules include: a first data rule that is defined at the business logic level for each form item data; a second data rule that is defined at the association logic level for multiple associated form item data with an association relationship. Among them, for each form item data, the following single verification logic is executed: a data format verification is performed on each current form item data entered in real time; after the data format verification passes, the current form item data is verified at the business logic level based on the corresponding first data rule. After all the form item data in the above-mentioned web page form pass the single verification, based on the corresponding second data rule, multiple associated form item data with an association relationship are verified at the association logic level, and all form data are submitted to the server after the verification passes.

[0012] In some embodiments, the above method also includes: before or during the verification of the form item data in the above web page form based on the above business rules, determining the target data that needs to be called for the execution of the above business rules; after obtaining the above target data from the server, verifying the corresponding form item data according to the above business rules.

[0013] In a second aspect, an embodiment of the present disclosure provides a data verification method for a webpage table. The method includes: loading definition information of a webpage table and generating a webpage table; the webpage table includes nested cells of a nested form; the definition information includes: form component attributes of a target form corresponding to the nested cells; the form component attributes include: verification rules for each form item data in the target form; detecting the first form item data entered in real time in the webpage table; obtaining the first form component attributes of the first target form corresponding to the first form item data; determining the target verification rules for the first form item data from the first form component attributes; and verifying the first form item data entered in real time based on the target verification rules.

[0014] In some embodiments, the form component attributes further include: prompt information definition information; the prompt information definition information includes: display position, display style and prompt content included in the prompt information; the prompt content includes at least one of the following: error reasons or correction suggestions corresponding to failed verification, prompt symbol for passed verification. The method further includes: prompting the verification result based on the prompt information definition information configured in the form component attributes.

[0015] In a third aspect, an embodiment of the present disclosure provides a device for constructing and verifying data of a web page table. The device includes: a creation module, a definition module and a table generation module. The creation module is used to create a table and at least one form, the table includes at least one cell object, and each form includes multiple form items. The definition module is used to construct and nest the corresponding relationship between the table and the form to obtain definition information of the nested table; the nested table refers to a table containing a target cell object in which multiple form items are nested; wherein the definition information includes: the form component attributes of the target form corresponding to the target cell object; the form component attributes include: verification rules for the data of each form item in the target form. The table generation module is used to generate a web page table according to the definition information, the web page table includes nested cells of the nested form; wherein the web page table is used to perform real-time verification of each form item data according to the verification rules.

[0016] In a fourth aspect, an embodiment of the present disclosure provides a data verification device for a web page form. The device includes: a table generation module, a data detection module, a form component attribute acquisition module, a verification rule determination module and a verification module. The table generation module is used to load the definition information of the web page form and generate the web page form; the web page form includes nested cells of a nested form; the definition information includes: the form component attributes of the target form corresponding to the nested cells; the form component attributes include: verification rules for each form item data in the target form. The data detection module is used to detect the first form item data entered in real time into the web page form. The form component attribute acquisition module is used to obtain the first form component attributes of the first target form corresponding to the first form item data. The verification rule determination module is used to determine the target verification rule for the first form item data from the first form component attributes. The verification module is used to verify the first form item data entered in real time based on the target verification rule.

[0017] In a fifth aspect, an embodiment of the present disclosure provides an electronic device. The electronic device includes a processor, a communication interface, a memory, and a communication bus, wherein the processor, the communication interface, and the memory communicate with each other through the communication bus; the memory is used to store computer programs; and the processor is used to implement the webpage table construction and data verification method provided in the embodiment of the first aspect or the webpage table data verification method provided in the embodiment of the second aspect when executing the program stored in the memory.

[0018] In a sixth aspect, an embodiment of the present disclosure provides a computer-readable storage medium. The computer-readable storage medium stores a computer program, and when the computer program is executed by a processor, the webpage table construction and data verification method provided in the first aspect embodiment or the webpage table data verification method provided in the second aspect embodiment is implemented.

[0019] The above technical solution provided by the embodiments of the present disclosure has at least some or all of the following advantages:

[0020] By constructing and nesting the correspondence between the created table and form, the target cell object corresponds to the target form, and the effect of multiple form items in the nested form in the table is achieved. At the same time, by configuring the form component properties of the target form corresponding to the target cell object in the definition information, the multiple form item data nested in a cell can be verified in real time based on the verification rules respectively, and the real-time verification of each form item data in each cell can be achieved. There is no need to wait for all the form item data in a cell to be verified together, nor is there a need to wait for the data of all cells to be completed before performing a one-time verification. Such real-time verification logic avoids the problems of large data processing volume and complex logic during one-time verification, which helps to improve the verification processing efficiency and reduce the verification error rate. At the same time, it can prompt users in time when data verification errors occur, which helps to improve user experience. In addition, since the row and column structure of the nested table may change dynamically and the association between data is more complicated, it is difficult for traditional verification methods to accurately capture these changes. The method provided in the embodiment of the present disclosure defines the verification rules for each form item based on the form component attributes corresponding to the form by binding cells and forms, so that the definition information of the nested table generated by the nested configuration carries the verification rules. In the front-end device, real-time verification of the table input data can be performed by loading the information corresponding to the nested configuration, thereby reducing the call to the verification service interface; developers do not need to spend a lot of time and energy to write complex verification logic code (which may require calling the verification service interface, and the verification logic may involve the location of each cell, complex verification logic, etc.), and a variety of verification requirements can be achieved through simple configuration, greatly shortening the development cycle; support for configuration of form component attributes can also achieve the adaptation and flexible adjustment of data verification logic to various businesses, with high flexibility and adaptability to business iterations. BRIEF DESCRIPTION OF THE DRAWINGS

[0021] The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present disclosure and, together with the description, serve to explain the principles of the present disclosure.

[0022] In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings required for use in the embodiments or related technical descriptions are briefly introduced below. Obviously, for ordinary technicians in this field, other drawings can be obtained based on these drawings without paying any creative labor.

[0023] Figure 1 The flowchart schematically shows a method for constructing a webpage table and verifying data according to an embodiment of the present disclosure;

[0024] Figure 2 Schematically illustrating (a) a schematic diagram of a table Table1, (b1) a schematic diagram of a form Form11, (b2) a schematic diagram of a form Form12, (b3) a schematic diagram of a form Form13, and (b4) a schematic diagram of a form Form14 created according to an embodiment of the present disclosure;

[0025] Figure 3 The detailed implementation flow chart of step S120 according to an embodiment of the present disclosure is schematically shown;

[0026] Figure 4 The following schematically shows a process of constructing a correspondence between a cell object and a form in a table according to an embodiment of the present disclosure, and nesting a target cell object having a correspondence with a target form to obtain a nested cell; wherein (a) is a schematic diagram of a nested cell qtDYG11, (b) is a schematic diagram of a nested cell qtDYG12, (c) is a schematic diagram of a nested cell qtDYG21, and (d) is a schematic diagram of a nested cell qtDYG22;

[0027] Figure 5 The flowchart schematically shows a method for constructing a webpage table and verifying data according to another embodiment of the present disclosure;

[0028] Figure 6 A flowchart of a method for verifying data in a webpage table according to another embodiment of the present disclosure is schematically shown;

[0029] Figure 7 The structural block diagram of the electronic device provided by the embodiment of the present disclosure is schematically shown. DETAILED DESCRIPTION

[0030] In order to make the purpose, technical solution and advantages of the embodiments of the present disclosure clearer, the technical solution in the embodiments of the present disclosure will be clearly and completely described below in conjunction with the drawings in the embodiments of the present disclosure. Obviously, the described embodiments are part of the embodiments of the present disclosure, not all of the embodiments. Based on the embodiments in the present disclosure, all other embodiments obtained by ordinary technicians in this field without making creative work are within the scope of protection of the present disclosure.

[0031] It should be noted that, in this article, relational terms such as "first" and "second" are only used to distinguish one entity or operation from another entity or operation, and do not necessarily require or imply any such actual relationship or order between these entities or operations. Moreover, the terms "include", "comprise" or any other variants thereof are intended to cover non-exclusive inclusion, so that a process, method, article or device including a series of elements includes not only those elements, but also other elements not explicitly listed, or also includes elements inherent to such process, method, article or device. In the absence of further restrictions, the elements defined by the sentence "comprise a ..." do not exclude the existence of other identical elements in the process, method, article or device including the elements.

[0032] During the research and development, we found that: since tables and forms are different, the current validation logic for table formats mostly requires users to fill in the data of all cells in the table, and then perform a one-time validation after the filling is completed. If there are data items that fail the validation, the entire page of table data needs to be re-filled. This validation method makes it impossible for users to confirm whether the content they input is correct during the real-time input process, resulting in a large number of errors being discovered after submission, which requires re-modification, wasting time and energy; at the same time, most one-time validation methods require calling the background server service for processing, which takes a long time to validate when the table contains a large amount of data, and may also cause service interruptions or various exceptions due to network problems, or cause the front-end web page to crash due to complex validation logic, resulting in a poor user experience.

[0033] In addition, in some front-end web page display requirements, it is expected to construct nested tables and forms, but the corresponding validation logic of such tables needs to be constructed very complexly. Specifically, since the row and column structure of the table may change dynamically with the line breaks of the input data, the association between the data is also more complex, and traditional validation methods are difficult to accurately capture these changes; for example, when users add or delete rows or columns in the table, the validation logic of the relevant form elements may be wrong or invalid.

[0034] In addition, it was found that different business scenarios have different requirements for data verification. Some scenarios require limiting the scope of data, some require verifying the uniqueness of data, and some require conditional verification based on other related data. Traditional verification methods are difficult to meet these diverse and personalized needs. At present, most verification rules only focus on verifying the data format on the front end, and placing complex logic on the back end server for verification. This architecture may cause data security risks due to data capture during the front-end and back-end interaction. At the same time, in most cases, all data is submitted to the server at one time when the user completes the submission of the entire form data, and the back end server verifies it. Since the back end server needs to verify a large amount of data submitted at one time, it takes a long time to verify, and it may also cause service interruptions or various exceptions due to network problems, or the front end may crash due to the inability to return results due to complex verification logic, resulting in poor user experience.

[0035] In view of this, the embodiments of the present disclosure provide a method, apparatus, device and medium for constructing and verifying data of a web page form. In the method provided by the embodiments of the present disclosure, the process of constructing a web page form is the development stage, and the process of receiving and verifying the data entered by the user based on the web page form is the use stage of the form, and data verification is performed in this stage. The process of generating a web page form can be in both the development stage and the use stage. Since the correspondence between the table and the form is constructed in the development stage, and the nested table is configured by defining the form component properties, the nested table can finally perform real-time verification on each form item data entered in the nested cell during the use stage.

[0036] In some embodiments, a method for constructing and verifying data of a web page table includes: creating a table and at least one form, the table including at least one cell object, and each of the forms including multiple form items; constructing and nesting a corresponding relationship between the table and the forms to obtain definition information of the nested table; the nested table refers to a table including a target cell object in which multiple form items are nested; wherein the definition information includes: form component properties of a target form corresponding to the target cell object; the form component properties include: verification rules for the data of each form item in the target form; generating a web page table according to the definition information, the web page table including nested cells of the nested form; wherein the web page table is used to perform real-time verification on each form item data according to the verification rules.

[0037] In some embodiments, a data verification method for a web page table includes: loading definition information of a web page table and generating a web page table; the web page table includes nested cells of a nested form; the definition information includes: form component attributes of a target form corresponding to the nested cells; the form component attributes include: verification rules for each form item data in the target form; detecting first form item data entered in real time into the web page table; obtaining first form component attributes of a first target form corresponding to the first form item data; determining a target verification rule for the first form item data from the first form component attributes; and verifying the first form item data entered in real time based on the target verification rule.

[0038] The following is a detailed description with reference to specific embodiments.

[0039] The first exemplary embodiment of the present disclosure provides a method for constructing and verifying data of a webpage table. The method of this embodiment can be executed by one or more front-end devices. The front-end device is an electronic device with a display screen, including but not limited to: a smart phone, a laptop computer, a desktop computer, an intelligent robot, a wearable device, etc. The front-end device can perform presentation and editing support for webpage tables based on a browser, or it can also perform presentation and editing support for webpage tables based on table editing applications or applets.

[0040] Figure 1 The flowchart of the method for constructing a webpage table and verifying data according to an embodiment of the present disclosure is schematically shown.

[0041] Reference Figure 1 As shown, the method for constructing a webpage table and verifying data provided by the embodiment of the present disclosure includes the following steps: S110, S120 and S130.

[0042] In step S110, a table and at least one form are created, wherein the table includes at least one cell object, and each form includes a plurality of form items.

[0043] To construct a web page table during the development phase, first create the table and form. For example, you can introduce existing front-end development tools to construct the table.

[0044] In some embodiments, in the above step S110, creating a table and at least one form includes: introducing a table component and a form component in a component library in a front-end development page; creating a table based on the above table component, and creating at least one form based on the above form component.

[0045] For example, you can introduce the element-ui component library and related dependent files (such as the vue.js framework, element-ui / lib / theme-chalk / index.css and other files), and create at least one form based on the form component el-form from the component library; create a table based on the table component el-table.

[0046] Figure 2 Schematically showing (a) a schematic diagram of table Table1, (b1) a schematic diagram of form Form11, (b2) a schematic diagram of form Form12, (b3) a schematic diagram of form Form13, and (b4) a schematic diagram of form Form14 created according to an embodiment of the present disclosure. It can be understood that Figure 2 In order to help readers understand the contents of the tables and forms created during the development phase, a visual view is used to illustrate the contents of the created forms and tables. The specific style is only used as an example, and the content, style, layout, etc. of the final web page table are not limited to this.

[0047] Reference Figure 2 As shown in (a), the created table is Table1, and the number of columns, key information of each column, and number of rows are defined in the table to fill the data of cell 201. The table Table1 has two rows and two columns, a total of four data cells. The key information (key) of the first column is the product listing information, and the key information of the second column is the product tracking status. The first row corresponds to the data of product A, and the second row corresponds to the data of product B. In this embodiment, in order to simplify the description, the product identification corresponding to the row is also specified; in fact, the product identification corresponding to the row may not be specified. In order to facilitate the subsequent description of the correspondence between the table and the form, the above four data cells are described as DYG11, DYG12, DYG21 and DYG22 according to the corresponding positions of rows and columns, and Figure 2 Indicated by (a).

[0048] Reference Figure 2As shown in (b1) to (b4), there are 4 created forms, which are described as Form 11 to Form 14. In Form 11, there are three key fields and a first input box 211 for inputting values. The three key fields include: the product number of commodity A, the quantity of commodity A on the shelves, and the price of commodity A on the shelves. In Form 12, there are three key fields and a second input box 212 for inputting values. The three key fields include: the product number of commodity B, the quantity of commodity B on the shelves, and the price of commodity B on the shelves. In Form 13, there are 8 key fields and corresponding value boxes. The value boxes corresponding to these 8 key fields are divided into two categories, one is a check box and the other is a value input box; for example, the key fields corresponding to the four states of commodity A: commodity A is in the state of being purchased, commodity A is in the state of being transported, commodity A is in the state of being delivered but not on the shelves, and commodity A is in the state of being on the shelves, and the corresponding value boxes are the first check box 221; the value boxes corresponding to the number of each state are the first value input boxes 222. In form Form14, similar to form Form, the difference lies in representing the various states and values ​​corresponding to product B. Therefore, for the key fields corresponding to the four states of product B: product B is in the purchasing state, product B is in the transportation state, product B is in the arrived but not on the shelf state, and product B is in the on-shelf state, the corresponding value box is the second check box 223; the value box corresponding to the quantity of each state is the second numeric input box 224.

[0049] In step S120, a corresponding relationship is constructed and nested configuration is performed for the above-mentioned table and the above-mentioned form to obtain definition information of the nested table; the above-mentioned nested table refers to a table containing a target cell object in which multiple form items are nested; wherein the above-mentioned definition information includes: form component properties of the target form corresponding to the target cell object; the above-mentioned form component properties include: verification rules for each form item data in the above-mentioned target form.

[0050] In a nested table, all cells may have forms nested in them; or some cells may have forms nested in them. The cell in which the form is nested is described as a target cell object, and according to the corresponding relationship, the form in which the target cell object is nested is described as a target form. In the form component properties of the target form, validation rules for multiple form item data are defined, so that based on the nature and binding relationship of the form that can validate the form item data individually, the data input in real time in the target cell object can be validated in real time based on the corresponding validation rules, which effectively overcomes the related defects in the related technology that require a one-time validation after all the cell data in the table are filled.

[0051] The above steps S110 and S120 are in the development stage, for example, the process of obtaining the definition information of the nested table in the front-end development page. The step S130 described subsequently may correspond to the generation and use stage of the table. The process of loading the above definition information in the user-side device of the table (for example, described as the front-end device) and generating a web page table for use. The devices corresponding to the above development stage and the use stage may be the same device or different devices. For example, the development stage and the use stage of a web page table are located in different devices, the development stage is device X corresponding to the development user; the use stage is device Y used by the table editing user side.

[0052] Figure 3 The detailed implementation flow chart of step S120 according to an embodiment of the present disclosure is schematically shown.

[0053] In some embodiments, reference Figure 3 As shown, in the above step S120, the corresponding relationship between the above table and the above form is constructed and nested to obtain the definition information of the nested table, including the following steps: S310, S320 and S330.

[0054] In step S310, a correspondence relationship between the cell objects in the table and the form is constructed, and the target cell objects having the correspondence relationship are nested with the target form to obtain structure definition information of the nested form.

[0055] Figure 4 The figure schematically shows a process diagram of constructing a correspondence between cell objects and forms in a table according to an embodiment of the present disclosure, and nesting a target cell object having a corresponding relationship with a target form to obtain a nested cell; wherein (a) is a schematic diagram of a nested cell qtDYG11, (b) is a schematic diagram of a nested cell qtDYG12, (c) is a schematic diagram of a nested cell qtDYG21, and (d) is a schematic diagram of a nested cell qtDYG22.

[0056] In some embodiments, the correspondence between the cell objects and the form in the table can be constructed by binding the cell objects with common attributes or attributes associated with the upper and lower key information to the form. Figure 2 (a), (b1) to (b4) and Figure 4As shown in (a) to (d), for the four cells DYG11, DYG12, DYG21 and DYG22 in the table Table1 of the above example, since the cell DYG11 represents the product listing information of product A, the three form items in the form Form11: the product number of product A, the number of products on the shelves and the shelf price of product A are also detailed descriptions (belonging to the subordinate concept) of the product listing information (superordinate concept), and the two have the attribute of upper and lower key information association. Therefore, the cell DYG11 is bound to the form Form11 to establish a one-to-one correspondence, and the target cell object DYG11 with the corresponding relationship is nested with the target form Form11 to obtain the nested cell qtDYG11, see Figure 4 As shown in (a).

[0057] Similarly, due to the upper and lower key information association attribute between cell DYG12 and form Form13 (the product tracking status and detailed specific status of product A), cell DYG12 is bound to form Form13 to establish a one-to-one correspondence, and the target cell object DYG12 with the corresponding relationship is nested with the target form Form13 to obtain a nested cell qtDYG12, see Figure 4 As shown in (b).

[0058] Similarly, since cell DYG21 and form Form12 have upper and lower key information association attributes (product listing information about product B and detailed information such as product number, listing quantity and listing price, etc.), cell DYG21 is bound to form Form12 to establish a one-to-one correspondence, and the target cell object DYG21 with a corresponding relationship is nested with the target form Form12 to obtain a nested cell qtDYG21, see Figure 4 As shown in (c).

[0059] Similarly, since cell DYG22 and form Form14 have a superordinate key information association attribute (the product tracking status and detailed specific status of product B), cell DYG22 is bound to form Form14 to establish a one-to-one correspondence, and the target cell object DYG22 with the corresponding relationship is nested with the target form Form14 to obtain a nested cell qtDYG22, see Figure 4 As shown in (d).

[0060] In some embodiments, the correspondence between the cell objects in the table and the form may also be constructed according to the user's specified binding information.

[0061] Therefore, the construction of the above-mentioned correspondence relationship includes at least one of the following: constructing the correspondence relationship between the cell objects and the form in the table according to the specified binding information; or, analyzing according to the properties of the cell and the form, binding the cell objects and the form with common properties or upper and lower key information associated properties to obtain the correspondence relationship.

[0062] In the process of generating a nested table, the target form will be nested into the corresponding target cell object according to the constructed correspondence. The specific nested layout method, presentation style, etc. can be configured according to the actual display requirements. These configurations serve as the structural definition information of the nested table. That is, the above structural definition information includes: the layout method between the target cell object in the nested cell and the corresponding nested target form, and the presentation style of the nested cell; the presentation style of the nested cell includes: the layout style and presentation style of each form item in the target form, etc.

[0063] In step S320, for the target cell object, the form component properties of the corresponding target form are configured.

[0064] In some embodiments, the above-mentioned form component attributes include: validation rules for each form item data in the above-mentioned target form.

[0065] By placing the validation rules in the form component properties for configuration, these validation rules are directly used for the validation of specific form item data in each nested cell in the later web form. The settings are convenient and easy to load and execute on the front-end device through configuration. This helps to significantly improve the development efficiency of web forms. Developers do not need to spend a lot of time and energy to write complex validation logic code. Through simple configuration, they can meet various validation requirements, greatly shortening the development cycle.

[0066] Specifically, since the row and column structure of the nested table may change dynamically and the association between data is more complicated, it is difficult for traditional verification methods to accurately capture these changes. The method provided in the embodiment of the present disclosure defines the verification rules for each form item based on the form component attributes corresponding to the form by binding the cells and forms in the table, so that the definition information of the nested table generated by the nested configuration carries the verification rules. In the front-end device, real-time verification of the table input data can be performed by loading the information corresponding to the nested configuration, thereby reducing the call to the verification service interface; developers do not need to spend a lot of time and energy to write complex verification logic code (which may require calling the verification service interface, and the verification logic may involve the location of each cell, complex verification logic, etc.), and a variety of verification requirements can be achieved through simple configuration, greatly shortening the development cycle; support for configuration of form component attributes can also achieve adaptation and flexible adjustment of data verification logic to various businesses.

[0067] During the research and development, we also found that when an error occurs in traditional form verification, it often simply displays a general error prompt message, which cannot accurately point out the specific error location and cause, making it difficult for users to quickly locate and solve the problem, thus affecting the user's operating efficiency and experience.

[0068] In view of this, in some embodiments, the above-mentioned form component attributes also include: prompt information definition information; the above-mentioned prompt information definition information includes: the display position, display style and prompt content contained in the prompt information; the above-mentioned prompt content includes at least one of the following: the error cause or correction suggestion corresponding to the verification failure, and the prompt symbol for the verification success.

[0069] By setting the error reasons or correction suggestions corresponding to verification failures, during the use of the generated web form, real-time verification is implemented for the data entered by the user in real time, and the error reasons or correction suggestions are immediately prompted for situations where the verification fails. This helps users to correct the form item data in the cell in time, without having to wait for all the data to be submitted together before reporting an error, and without the tedious and repetitive workload caused by the need to fill in other cell data again, effectively improving the user experience.

[0070] By setting a prompt symbol for verification passing, it is helpful for the user to know in time that the data he / she input is correct, giving the user a timely feedback and helping the user to continue to input the next data, which can save the cost of the user's own time spent on data checking without feedback. It is understandable that in other embodiments, the prompt information corresponding to the verification passing may not be set, that is, no prompt is given when the user input is correct.

[0071] The display position and display style of the above-mentioned prompt information can be personalized according to the presentation aesthetics, clarity, etc. For example, it can be presented in a pop-up window, prompt box, etc. The prompt information in the embodiments of the present disclosure is targeted and can effectively guide users to locate errors and correct data, improve the user's experience of filling out web forms and save time and cost of filling out.

[0072] In step S330, the definition information of the nested table is generated according to the structure definition information and the form component attributes.

[0073] For example, the structure definition information and form component attributes are used as components of the definition information of the nested table.

[0074] Based on the above steps S310 to S330, by constructing and nesting the created table and form, the target cell object corresponds to the target form, and the effect of multiple form items in the nested form in the table is achieved. At the same time, by configuring the form component properties of the target form corresponding to the target cell object in the definition information, the multiple form item data nested in a cell can be verified in real time based on the verification rules, and the real-time verification of each form item data in each cell can be achieved. There is no need to wait for all the form item data in a cell to be verified together, and there is no need to wait for all the cell data to be completed before a one-time verification. Such real-time verification logic avoids the problem of large data processing volume and complex logic during one-time verification, which helps to improve the verification processing efficiency and reduce the verification error rate. At the same time, in the event of data verification errors, the user can be prompted in time, which helps to improve the user experience. At the same time, by defining information and configuring the verification rules and prompt information, the developer does not need to spend a lot of time and energy to write complex verification logic code. A variety of verification requirements can be achieved through simple configuration, which greatly shortens the development cycle; the configuration of form component properties can also realize the adaptation and flexible adjustment of data verification logic to various businesses, with high flexibility and adaptation to business iteration.

[0075] In some embodiments of the present disclosure, the above verification rules are stored in the front-end device and verification is performed. The above verification rules are used to verify each form item data from two levels: data format and business rules. For the generation and use stage of the web form, the front-end device stores the above verification rules by loading the definition information of the web form, and verifies the data entered in the web form based on the above verification rules.

[0076] The business rules include: a first data rule for defining each form item data at a business logic level; and a second data rule for defining a plurality of associated form item data at an associated logic level.

[0077] Among them, for each form item data, the following single verification logic is executed: the data format of each current form item data entered in real time is verified; after the data format verification passes, the business logic level verification is performed on the current form item data based on the corresponding first data rule.

[0078] In some embodiments, there is no associated form item data in the online form, and after executing the single validation logic corresponding to all the data and passing the validation, all the data is submitted to the server.

[0079] In other embodiments, if there is associated form item data in the online form, the following steps need to be continued: after all the form item data in the above web page form pass a single check, based on the corresponding second data rule, multiple associated form item data with associated relationships are checked at the associated logic level, and all form data are submitted to the server after the check passes.

[0080] For example, the first data rule can be set according to the following rules: the number of products on the shelves only supports 0 and positive integers, the number of products on the shelves cannot be greater than the inventory quantity; the price of the products on the shelves should be a non-zero positive number and retain two decimal places, and the price of the products on the shelves should be between the preset minimum price and the preset maximum price. In some cases, there are also cases where individual data seems reasonable, but when there is an association relationship, collaborative verification is required. For example, when filling in account survey information, family member information needs to be filled in. When performing a single verification on the relevant information between different family members (each filling is reasonable but must be consistent), it is only necessary to verify that the data input is within a reasonable range; however, there will be a situation where the information input by different family members is reasonable but the corresponding information (for example, for a common account information, for the opening date of a certain account, etc.) is inconsistent, which requires consistency verification for the corresponding information of different members. Therefore, the verification at the association logic level is introduced to ensure the rationality and correctness of the associated form item data with an associated relationship.

[0081] By setting the first data rule and the second data rule, a single verification logic is executed first to ensure real-time processing efficiency and user experience. Subsequently, before all data is submitted, multiple associated form item data with associated relationships are further verified at the associated logic level based on the second data rule, which helps to ensure the correctness and rationality of the associated form item data of these associated relationships.

[0082] In some embodiments, the above method also includes: before or during the verification of the form item data in the above web page form based on the above business rules, determining the target data that needs to be called for the execution of the above business rules; after obtaining the above target data from the server, verifying the corresponding form item data according to the above business rules.

[0083] By setting the logic of interaction with the server, it is convenient to obtain the accurate data required in the verification rules from the server, so that the real-time verification results are more accurate. For example, the target data can be the threshold data or benchmark data that are frequently updated in the business rules, such as the inventory quantity.

[0084] In step S130, a webpage form is generated according to the above definition information, wherein the webpage form includes nested cells of the nested form; wherein the webpage form is used to perform real-time verification on each form item data according to the above verification rules.

[0085] In some embodiments, in the above step S130, generating a web page table according to the above definition information includes: generating a target web page file according to the above definition information; loading the above target web page file in a front-end device to generate a web page table.

[0086] For example, the target web page file is in html (Hypertext Markup Language) file format.

[0087] By loading the target web page file in the front-end device, the web page table can be presented in the front-end display interface according to the corresponding definition information configuration.

[0088] The execution subject of the above steps S110 to S130 may be a front-end device acting as a developer of the web form.

[0089] In an embodiment including the above steps S110 to S130, by constructing and nesting the created table and form, the target cell object corresponds to the target form, thereby achieving the effect of multiple form items in the nested form in the table. At the same time, by configuring the form component properties of the target form corresponding to the target cell object in the definition information, the multiple form item data nested in a cell can be verified in real time based on the verification rules, respectively, so that real-time verification of each form item data in each cell can be achieved, without waiting for all form item data in a cell to be verified together, and without waiting for all cell data to be completed before performing a one-time verification. Such real-time verification logic avoids the problems of large data processing volume and complex logic during one-time verification, helps to improve the verification processing efficiency and reduce the verification error rate, and can promptly prompt the user in the event of a data verification error, thereby helping to improve the user experience. In addition, since the row and column structure of the nested table may change dynamically and the association between data is more complicated, it is difficult for traditional verification methods to accurately capture these changes. The method provided in the embodiment of the present disclosure defines the verification rules for each form item based on the form component attributes corresponding to the form by binding cells and forms, so that the definition information of the nested table generated by the nested configuration carries the verification rules. In the front-end device, real-time verification of the table input data can be performed by loading the information corresponding to the nested configuration, reducing the call to the verification service interface; developers do not need to spend a lot of time and energy to write complex verification logic code, and a variety of verification requirements can be achieved through simple configuration, greatly shortening the development cycle; support for configuration of form component attributes can also achieve the adaptation and flexible adjustment of data verification logic to various businesses, with high flexibility and adaptability to business iterations.

[0090] Figure 5 The flowchart of a method for constructing a webpage table and verifying data according to another embodiment of the present disclosure is schematically shown.

[0091] The above steps S110 to S130 complete the construction of the web form. At the same time, the above web form has the function of real-time verification of input data. For those skilled in the art, the above description is enough to realize the construction of the web form and understand how the web form performs data verification process.

[0092] In order to introduce the use process of the web form on the user side, the following embodiment introduces the details of real-time verification of the web form during the use phase.

[0093] In some embodiments, the web form construction and data verification method includes, in addition to the above steps S110 to S130, a step of performing real-time verification on the form input data during the use phase of the web form, specifically including the following steps: S510 to S550, referring to Figure 5 As shown, for simplicity, steps S110 to S130 are omitted and only steps S510 to S550 are shown. It should be noted that steps S510 to S550 are performed after step S130. In some embodiments, only S110 to S130 and S510 to S540 may be performed.

[0094] This embodiment is described from the development stage and the use stage of the web form. The execution subject of this embodiment can be a front-end device that plays the role of the developer and user of the web form.

[0095] In step S510, the first form item data entered in real time into the webpage form is detected.

[0096] In step S520, a first form component attribute of a first target form corresponding to the first form item data is obtained.

[0097] In step S530, a target verification rule for the first form item data is determined from the first form component attributes.

[0098] In step S540, the first form item data entered in real time is verified based on the above target verification rule.

[0099] In step S550, the verification result is prompted based on the prompt information definition information configured in the above form component attributes.

[0100] In this embodiment, since the form component properties of the target form corresponding to the target cell object are configured in the definition information of the nested table, during the use stage of the webpage table, multiple form item data nested in a cell can be verified in real time based on the corresponding verification rules, so as to realize the real-time verification of each form item data in each cell, without waiting for all the form item data in a cell to be verified together, or waiting for the data of all cells to be completed before performing a one-time verification. Such real-time verification logic avoids the problem of large data processing volume and complex logic during one-time verification, helps to improve the verification processing efficiency and reduce the verification error rate, and can prompt the user in time when a data verification error occurs, which helps to improve the user experience. At the same time, based on the content setting, layout and style configuration of the prompt information, it is ensured that the user can clearly and intuitively see the error and correct the data in time, and will not affect the overall appearance and use experience of the table.

[0101] A second exemplary embodiment of the present disclosure provides a data verification method for a webpage table.

[0102] Figure 6 A flow chart of a method for verifying data in a webpage table according to another embodiment of the present disclosure is schematically shown.

[0103] This embodiment is explained from the use stage of the web form, and only introduces the generation and use process of the web form.

[0104] Reference Figure 6 As shown, the data verification method of the web form provided by this embodiment includes the following steps: S610, S620, S630, S640 and S650. The execution subject of this embodiment can be a front-end device that plays the role of a user of the web form.

[0105] In step S610, the definition information of the web page form is loaded and a web page form is generated; the web page form includes nested cells of a nested form; the definition information includes: form component properties of the target form corresponding to the nested cells; the form component properties include: verification rules for each form item data in the target form.

[0106] This embodiment is described from the usage stage, so the nested table described in the development stage of the previous embodiment is expressed as a web page table. The two are corresponding. The definition information of the web page table can refer to the above-mentioned definition information about the nested table, and the specific details can be understood by comparing them.

[0107] In step S620, the first form item data entered in real time into the webpage form is detected.

[0108] In step S630, a first form component attribute of a first target form corresponding to the first form item data is obtained.

[0109] In step S640, a target verification rule for the first form item data is determined from the first form component attributes.

[0110] In step S650, the first form item data entered in real time is verified based on the above target verification rule.

[0111] In some embodiments, the form component attributes further include: prompt information definition information; the prompt information definition information includes: display position, display style and prompt content included in the prompt information; the prompt content includes at least one of the following: error reasons or correction suggestions corresponding to failed verification, prompt symbol for passed verification. The method further includes: prompting the verification result based on the prompt information definition information configured in the form component attributes.

[0112] For more details of this embodiment, please refer to the relevant description of the first embodiment, which will not be elaborated here.

[0113] A third exemplary embodiment of the present disclosure provides a device for constructing a webpage table and verifying data.

[0114] The webpage table construction and data verification device of this embodiment includes: a creation module, a definition module and a table generation module.

[0115] The creation module is used to create a table and at least one form. The table contains at least one cell object, and each form contains a plurality of form items.

[0116] The above-mentioned definition module is used to construct and nest the corresponding relationship between the above-mentioned table and the above-mentioned form to obtain the definition information of the nested table; the above-mentioned nested table refers to a table containing a target cell object in which multiple form items are nested; wherein the above-mentioned definition information includes: the form component attributes of the target form corresponding to the target cell object; the above-mentioned form component attributes include: the verification rules for each form item data in the above-mentioned target form.

[0117] The table generation module is used to generate a web page table according to the definition information, wherein the web page table includes nested cells of nested forms; wherein the web page table is used to perform real-time verification on each form item data according to the verification rules.

[0118] For more details of this embodiment, achievable functional details, corresponding functional sub-modules and beneficial effects, etc., please refer to the relevant description of the first embodiment, which will not be repeated here.

[0119] A fourth exemplary embodiment of the present disclosure provides a data verification device for a webpage table.

[0120] The data verification device comprises: a table generation module, a data detection module, a form component attribute acquisition module, a verification rule determination module and a verification module.

[0121] The above-mentioned table generation module is used to load the definition information of the web page table and generate the web page table; the above-mentioned web page table contains nested cells of the nested form; the above-mentioned definition information includes: the form component attributes of the target form corresponding to the nested cells; the above-mentioned form component attributes include: the verification rules for each form item data in the above-mentioned target form.

[0122] The data detection module is used to detect the first form item data entered in real time into the webpage form.

[0123] The form component attribute acquisition module is used to acquire the first form component attribute of the first target form corresponding to the first form item data.

[0124] The verification rule determination module is used to determine a target verification rule for the first form item data from the first form component attributes.

[0125] The verification module is used to verify the first form item data entered in real time based on the target verification rule.

[0126] In some embodiments, the above-mentioned form component attributes also include: prompt information definition information; the above-mentioned prompt information definition information includes: the display position, display style and prompt content contained in the prompt information; the above-mentioned prompt content includes at least one of the following: the error reason or correction suggestion corresponding to the verification failure, and the prompt symbol for the verification success.

[0127] In some embodiments, the above-mentioned data verification device also includes: a prompt module.

[0128] The prompt module is used to prompt the verification result based on the prompt information definition information configured in the form component attributes.

[0129] For more details of this embodiment, achievable functional details, corresponding functional sub-modules and beneficial effects, etc., please refer to the relevant descriptions of the first and second embodiments, and will not be repeated here.

[0130] Any of the functional modules included in the devices provided in the third embodiment and the fourth embodiment can be combined into one module for implementation, or any of the modules can be split into multiple modules. Alternatively, at least part of the functions of one or more of these modules can be combined with at least part of the functions of other modules and implemented in one module. At least one of the functional modules included in the devices provided in the second embodiment and the third embodiment can be at least partially implemented as a hardware circuit, such as a field programmable gate array (FPGA), a programmable logic array (PLA), a system on a chip, a system on a substrate, a system on a package, an application-specific integrated circuit (ASIC), or can be implemented by hardware or firmware such as any other reasonable way of integrating or packaging the circuit, or by any one of the three implementation methods of software, hardware and firmware or by a suitable combination of any of them. Alternatively, at least one of the functional modules included in the devices provided in the second embodiment and the third embodiment can be at least partially implemented as a computer program module, and when the computer program module is run, the corresponding function can be executed.

[0131] A fifth exemplary embodiment of the present disclosure provides an electronic device.

[0132] Figure 7 The structural block diagram of the electronic device provided by the embodiment of the present disclosure is schematically shown.

[0133] Reference Figure 7 As shown, the electronic device 700 provided in the embodiment of the present disclosure includes a processor 701, a communication interface 702, a memory 703 and a communication bus 704, wherein the processor 701, the communication interface 702 and the memory 703 communicate with each other through the communication bus 704; the memory 703 is used to store computer programs; the processor 701 is used to implement the web page table construction and data verification method provided in the first embodiment or the web page table data verification method provided in the second embodiment when executing the program stored in the memory.

[0134] The sixth exemplary embodiment of the present disclosure further provides a computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, implements the webpage table construction and data verification method provided in the first embodiment or the webpage table data verification method provided in the second embodiment.

[0135] The computer-readable storage medium may be included in the device or apparatus described in the above embodiment; or it may exist independently without being assembled into the device or apparatus. The above computer-readable storage medium carries one or more programs, and when the above one or more programs are executed, the method according to the embodiment of the present disclosure is implemented.

[0136] According to an embodiment of the present disclosure, a computer-readable storage medium may be a non-volatile computer-readable storage medium, for example, may include but is not limited to: a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination thereof. In the present disclosure, a computer-readable storage medium may be any tangible medium containing or storing a program that may be used by or in conjunction with an instruction execution system, apparatus, or device.

[0137] It should be noted that the collection, collection, update, analysis, processing, use, transmission, storage and other aspects of user personal information involved in the technical solution provided by the embodiments of the present disclosure are in compliance with the provisions of relevant laws and regulations, are used for legitimate purposes, and do not violate public order and good morals. Necessary measures are taken for user personal information to prevent illegal access to user personal information data and maintain the security of user personal information, network security and national security.

[0138] The foregoing is merely a specific embodiment of the present disclosure, which enables those skilled in the art to understand or implement the present disclosure. Various modifications to these embodiments will be apparent to those skilled in the art, and the general principles defined herein may be implemented in other embodiments without departing from the spirit or scope of the present disclosure. Therefore, the present disclosure will not be limited to the embodiments shown herein, but will conform to the widest scope consistent with the principles and novel features applied herein.

Claims

1. A method for constructing and verifying data of a webpage table, characterized in that: include: Create a table and at least one form, wherein the table includes at least one cell object, and each form includes a plurality of form items; A corresponding relationship is constructed and nested configuration is performed for the table and the form to obtain definition information of the nested table; the nested table refers to a table containing a target cell object in which a plurality of form items are nested; wherein the definition information includes: form component attributes of a target form corresponding to the target cell object; the form component attributes include: verification rules for each form item data in the target form; A webpage form is generated according to the definition information, wherein the webpage form includes nested cells of a nested form; wherein the webpage form is used to perform real-time verification on each form item data according to the verification rule.

2. The method according to claim 1, characterized in that The corresponding relationship between the table and the form is constructed and nested to obtain definition information of the nested table, including: Constructing a corresponding relationship between the cell objects in the table and the form, and nesting the target cell objects having the corresponding relationship with the target form to obtain structure definition information of the nested form; For the target cell object, configure the form component properties of the corresponding target form; The definition information of the nested table is generated according to the structure definition information and the form component attributes.

3. The method according to claim 2, characterized in that The corresponding relationship is constructed in at least one of the following ways: Construct the correspondence between the cell object in the table and the form according to the specified binding information; or, According to the properties of the cell objects and the form in the table, the cell objects and the form having common properties or properties associated with upper and lower key information are bound to obtain a corresponding relationship.

4. The method according to claim 1, characterized in that The creating of a table and at least one form comprises: introducing a table component and a form component in a component library into a front-end development page; creating a table based on the table component, and creating at least one form based on the form component; The generating of the webpage table according to the definition information includes: generating a target webpage file according to the definition information; and loading the target webpage file in a front-end device to generate the webpage table.

5. The method according to claim 1, characterized in that The form component attributes also include: prompt information definition information; The prompt information definition information includes: the display position, display style and prompt content of the prompt information; the prompt content includes at least one of the following: the error cause or correction suggestion corresponding to the verification failure, and the prompt symbol of the verification success.

6. The method according to claim 1, characterized in that The method further comprises: Detecting the first form item data entered in real time into the webpage form; Acquire a first form component attribute of a first target form corresponding to the first form item data; Determining a target validation rule for the first form item data from the first form component attribute; Verifying the first form item data entered in real time based on the target verification rule; The verification result is prompted based on the prompt information definition information configured in the form component attributes.

7. The method according to any one of claims 1 to 6, characterized in that The verification rules are stored in the front-end device and the verification is performed, wherein the verification rules are used to verify each form item data from two levels: data format and business rules; The business rules include: a first data rule for defining each form item data at the business logic level; a second data rule for defining a plurality of associated form item data at the associated logic level; Among them, for each form item data, the following single verification logic is executed: the data format of each current form item data entered in real time is verified; after the data format verification passes, the business logic level verification is performed on the current form item data based on the corresponding first data rule; After all the form item data in the webpage form pass the single verification, a plurality of associated form item data with associated relationships are verified at the associated logic level based on the corresponding second data rule, and all the form data are submitted to the server after the verification passes.

8. The method according to claim 7, characterized in that Also includes: Before or during the verification of the form item data based on the business rule, the webpage form determines the target data that needs to be called for the execution of the business rule; After obtaining the target data from the server, the corresponding form item data is verified according to the business rules.

9. A data verification method for a webpage table, characterized in that: include: Loading definition information of a webpage table and generating a webpage table; the webpage table includes nested cells of a nested form; the definition information includes: form component attributes of a target form corresponding to the nested cells; the form component attributes include: verification rules for each form item data in the target form; Detecting the first form item data entered in real time into the webpage form; Acquire a first form component attribute of a first target form corresponding to the first form item data; Determining a target validation rule for the first form item data from the first form component attribute; The first form item data entered in real time is verified based on the target verification rule.

10. The method according to claim 9, characterized in that The form component attributes further include: prompt information definition information; the prompt information definition information includes: the display position and display style of the prompt information and the prompt content included in the prompt information; the prompt content includes at least one of the following: the error reason or correction suggestion corresponding to the verification failure, and the prompt symbol of the verification passing; The method further comprises: The verification result is prompted based on the prompt information definition information configured in the form component attributes.

11. A web form construction and data verification device, characterized in that: include: A creation module, used for creating a table and at least one form, wherein the table includes at least one cell object, and each form includes a plurality of form items; A definition module, used for constructing and nesting the corresponding relationship between the table and the form to obtain definition information of the nested table; the nested table refers to a table containing a target cell object in which a plurality of form items are nested; wherein the definition information includes: form component attributes of a target form corresponding to the target cell object; the form component attributes include: validation rules for each form item data in the target form; The table generation module is used to generate a web page table according to the definition information, wherein the web page table contains nested cells of nested forms; wherein the web page table is used to perform real-time verification on each form item data according to the verification rules.

12. A data verification device for a webpage table, characterized in that: include: A table generation module is used to load the definition information of a webpage table and generate a webpage table; the webpage table includes nested cells of a nested form; the definition information includes: form component attributes of a target form corresponding to the nested cells; The form component attributes include: verification rules for each form item data in the target form; A data detection module, used to detect the first form item data entered in real time into the webpage form; A form component attribute acquisition module, used to acquire a first form component attribute of a first target form corresponding to the first form item data; A verification rule determination module, used to determine a target verification rule for the first form item data from the first form component attributes; The verification module is used to verify the first form item data entered in real time based on the target verification rule.

13. An electronic device, characterized in that: It includes a processor, a communication interface, a memory and a communication bus, wherein the processor, the communication interface and the memory communicate with each other via the communication bus; Memory, used to store computer programs; A processor, for implementing the method according to any one of claims 1 to 10 when executing a program stored in a memory.

14. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the method according to any one of claims 1 to 10 is implemented.

Images