1. 程式人生 > >無代碼軟件開發限制輸入框字符個數

無代碼軟件開發限制輸入框字符個數

整數 不能 51cto 運行時 輸入框 數值 功能設計 image blog

技術分享圖片
騰訊課堂搜“尚識”可以在線學習

所有輸入框可以限制用戶輸入的字符最大長度也就是字符個數,可以通過此方式來要求用戶進行簡潔信息提交,比如要求標題輸入不能超過10個字等功能設計,整體開發過程演示如下:
技術分享圖片
選中元件---添加最大長度屬性名稱---添加最大長度數值

主要開發測試步驟:
技術分享圖片
未限制最大輸入字符長度時運行效果
技術分享圖片
選中元件添加最大長度屬性名稱
技術分享圖片
屬性值中定義最大長度整數數字
技術分享圖片
保存運行後測試,只能輸入限定的字符數

首先選中輸入框元件,添加屬性是用點擊開發工具的元件選項板下部帶“+”號的按鈕來彈出屬性名稱彈窗處理的。限制錄入長度的屬性名稱為“html.maxlength”,字面意思是最大長度,這個名稱是固定的,直接添加名即可;在屬性值中,可以用整數數字來定義允許的最大長度,示例中是用了3這個數字。

需註意的是此功能適用各類型輸入元件,限定對象可以是數字輸入元件中數字個數,如0-9的數字;或是文本字符串輸入元件中的字符型如abc等;還有如果是中文,此示列中最大3個字符即為最多可輸入3個漢字。

除了要求簡潔錄入時用此功能限定錄入長度,如果在數據庫中已限制了對應字段最大長度,可以用此功能在用戶錄入時即做限定及提示,反之如果在錄入時不做限制,而在存入數據庫時超過庫表字段字段長度,運行時會提示存入記錄報錯信息。

無代碼軟件開發限制輸入框字符個數