In website operation, we often need to process user input data, especially some key numeric information such as the user's age.Although the final processing and strict verification of data are usually performed on the backend, preliminary transformation and verification on the frontend template level can effectively improve user experience and ensure the accuracy and rationality of page display.AnQiCMS (AnQiCMS) with its flexible template engine provides powerful tools to help us achieve this goal.

Understand user input data in the template

In the AnQi CMS template environment, whether it is data reflected after form submission or information passed in through URL query parameters, user input is usually treated as a string type.Even if the user enters a number like "18When we need to perform numerical comparisons or arithmetic operations on these data, we must first convert them to integer type.

Intelligent conversion of string to integer

The AnQi CMS template engine provides a rich set of filters (Filters) to handle such data transformation needs. For converting a string to an integer, we can useintegerA filter that tries to convert a string variable to an integer.

For example, suppose we get a user input nameduser_age_strThe variable, it contains the user's age information, we can convert it to an integer like this:

{% set parsed_age = user_age_str|integer %}

Hereparsed_ageThe variable now storesuser_age_strThe integer value after conversion. A very useful feature is, ifuser_age_strCannot be converted to a valid integer (for example, it contains characters like 'eighteen years old' or 'abc', etc.),integerThe filter will automatically convert it to0This feature is very useful for preliminary verification.

Build a reasonable age verification logic

With the foundation of integer conversion, we can further build the age validation logic.A reasonable age usually needs to meet several conditions: it must be a valid number and should be within a preset reasonable range (for example, the age cannot be negative, nor can it be too absurd, such as over 150 years old).

We can make use ofifImplement these verifications with logical judgment labels and comparison operators.

First, we can combineintegerThe filter returns0To determine if the input is a valid non-zero number. If the original input is not the string "0", but the conversion result is0That is likely an invalid non-numeric character entered by the user.

Next, we can perform a range check on the converted age. For example, a person's age is usually between 0 and 150 years old.

Here is an example of implementing age conversion and validation in Anqi CMS template:

{# 假设 user_input_age 是从用户处获得的年龄字符串 #}
{% set user_input_age = "25" %} {# 示例数据，实际可能来自表单或URL参数 #}

{% set age_int = user_input_age|integer %}

<p>用户输入的年龄（原始字符串）：{{ user_input_age }}</p>

{% if age_int == 0 and user_input_age != "0" %}
    <p style="color: red;">错误：您输入的年龄不是一个有效的数字。</p>
{% else %}
    {% if age_int < 0 %}
        <p style="color: red;">错误：年龄不能是负数。</p>
    {% elif age_int > 150 %}
        <p style="color: red;">错误：年龄超出合理范围，请检查。</p>
    {% else %}
        <p style="color: green;">您的年龄已成功转换为：{{ age_int }} 岁。</p>
        {# 可以在这里根据年龄进行其他操作，例如显示不同内容或优惠 #}
        {% if age_int < 18 %}
            <p>您是未成年人，部分内容可能受限。</p>
        {% elif age_int >= 60 %}
            <p>您是老年人，可以享受特别优惠！</p>
        {% endif %}
    {% endif %}
{% endif %}

In the above example, we first convertuser_input_ageto an integerage_int. Then, through a series ofif-elif-elseThe statement, we checked in order:

  1. Whether the user input is invalid non-numeric characters.
  2. Whether the age is negative.
  3. Is the age beyond the reasonable limit of 150 years?If all conditions are met, we can confirm that the age is a valid and reasonable integer, and we can proceed with the subsequent logic display.

Summary

In AnQi CMS template, converting and verifying the age input by the user is an important link to improve user experience and the accuracy of page logic. By using cleverlyintegeras well as filtersifLogical judgment tag, we can easily implement string to integer conversion on the front end, and perform preliminary verification of the validity and rationality of age.This not only makes the page content display more intelligent and personalized, but also provides a cleaner data foundation for the backend.

Frequently Asked Questions (FAQ)

1. Why is it necessary to convert and validate the user's input age as an integer in the Anqi CMS template? Isn't the backend going to handle it?The template-level transformation and verification is mainly for improving user experience and dynamic display of the page.For example, you can immediately display different content or prompts based on the user's age, without waiting for the backend response.Although template validation cannot replace strict data validation on the backend (because malicious users can bypass the frontend and send data directly), it can provide immediate feedback to most normal users, making page interaction smoother.

2.integerWhat does the filter return when converting a non-numeric string? How can I make use of this?WhenintegerThe filter attempts to convert a string that cannot be parsed as an integer (such as "abc0. You can use this feature to judge: if the original input is not "0", but the conversion result is0That is likely because the user entered invalid non-numeric characters. For example:{% if age_int == 0 and user_input_age != "0" %}.

Can age verification at the template level completely replace backend data validation?Cannot.The validation at the template level is mainly used to provide immediate user feedback and optimize the front-end display logic.For the sake of security and data integrity, all data submitted by users must be strictly validated on the backend.Even though the front-end has already been validated, the back-end should also perform data type checks, range checks, business logic checks, etc., to prevent malicious input or data tampering.Both are complementary rather than substitute relationships.