调用：InputFull 背景：bg2.jpg

image.png
image.png

⚙ 配置

属性 说明 是否必需
kbType 键盘类型 YES
maxLen 最大输入长度 YES
password 是否要以密码形式显示（默认为false） NO
onEnter 键入回车事件 NO
tip 输入框上方的提示信息（可用作标题） NO
placeholder 输入框中默认显示信息 NO
clear 是否显示清空按钮 “yes|no” NO

整体配置范例

  1. function InputFull() {
  2.   var data = {
  3.     model: "InputFull",
  4.     config: {
  5.       shell: commonShellCfg,
  6.       bgImg: "bg2.jpg",
  7.       /**
  8.        * 1. mix     全键盘
  9.        * 2. digital 数字
  10.        * 3. identy  身份证
  11.        * 4. money   金额输入
  12.        * 5. lower   小写
  13.        * 6. capital 大写
  14.        * 7. pinpad  实体键盘，接收 ["+","-","c"] 三种情况，分别对应增、删、清除。将不再展现虚拟键盘
  15.        * 8. phone   手机号(具备格式化功能)
  16.        */
  17.       kbType: "mix",
  18.       maxLen: 11,
  19.       tip: "请输入需要查询项目的拼音首字母",
  20.       placeholder:"123",
  21.       onEnter: "onEnter",
  22.       password: false,
  23.       clear:"yes"
  24.     }
  25.   }
  26.   return data
  27. }
  29. function inputfull_html(str) {
  30.   return "<div style='font-size:28px;background-color:#dceff7;padding:15px;border-radius:15px'>" +
  31.     "<span style='font-weight:bold'>" + str + "</span>" +
  32.     "</div>";
  33. }

kbType

  1. /**
  2.  * 1. mix     全键盘
  3.  * 2. digital 数字
  4.  * 3. identy  身份证
  5.  * 4. money   金额输入
  6.  * 5. lower   小写
  7.  * 6. capital 大写
  8.  * 7. pinpad  实体键盘，接收 ["+","-","c"] 三种情况，分别对应增、删、清除。将不再展现虚拟键盘
  9.  * 8. phone   手机号(具备格式化功能)
  10.  */
  11. kbType: "mix",

maxLen

  1. // 最大输入长度
  2. maxLen: 11,

password

  1. //非必须，默认为false
  2. //当为true时，以星号（'*'）显示
  3. password:true

onEnter

  1. // 回车事件
  2. onEnter: "onEnter",
  4. function onEnter(){
  5.   console.log("你敲了回车键")
  6. }

clear

  1. // 是否显示清空按钮 yes|no 
  2. clear:"yes",

placeholder

  1. // 输入框中默认显示信息
  2. placeholder:"输入",

tip

  1. tip: inputfull_html("请输入需要查询项目的拼音首字母")
  3. //推荐示例
  4. function inputfull_html(str){
  5.   return "<div style='font-size:28px;background-color:#dceff7;padding:15px;border-radius:15px'>" +
  6.     "<span style='font-weight:bold'>"+str+"</span>" +
  7.     "</div>";
  8. }

♨️ JS Call

window.ZZH5.Call.setData(‘+’);

仅供Pinpad使用，只接受三种值。

window.ZZH5.Call.verify(type, msg);

type：”minlen” | “idc” | “mobile” msg：校验不通过时提示的文本内容 根据type校验输入框的值，分别为最小位数，是否符合身份证格式，是否符合手机号格式，校验通过返回true，不通过则返回false。

🚀 getData():String

  1. //获取用户输入
  2. var ret=ZZH5.Call.getData();