NGUI的输入框的校验(input filed script)

一,我们制作一个输入框,右键添加Sprite ,给Sprite添加一个child的label,然后给Sprite添加一个box collider,接着添加input filed script,将label绑定到UIInput的label中,结果如下图:

二,看上图,我们发现UIInput有三个属性,Character Limit,Input Type和Validation来控制输入类型

Input Type:输入类型(standard)标准的,(AutoCorrect)自动修正,(Password)密码

Validation:输入类型限制

Character Limit:输入字符数限制,长度

三,我们写脚本来限制输入规则,如下

using UnityEngine;
using System.Collections;

public class AgeLimit : MonoBehaviour
{
    private UIInput input;

    private void Awake()
    {
        input = this.GetComponent<UIInput>();
    }

    public void OnAgeValueChange()
    {
        string value = input.value;
        int valueint = int.Parse(value);
        if (valueint < 18)
        {
            input.value = "18";
        }
        if (valueint > 120)
        {
            input.value = "120";
        }
    }
}

UIInput的设置如下:

原文地址:https://www.cnblogs.com/May-day/p/8575989.html

时间: 2024-07-31 12:18:47

NGUI的输入框的校验(input filed script)的相关文章

JavaWeb网上图书商城完整项目--day02-4.regist页面提交表单时对所有输入框进行校验

1.现在我们要将table表中的输入的参数全部提交到后台进行校验,我们提交我们是按照表单的形式提交,所以我们首先需要在table表外面添加一个表单 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core&

elementui表单输入框部分校验--判断

<template> <div> <div class="binding_main_nav"> <div class="binding_main_nav_div"> <div class="binding_main_nav_div_selection"></div> <span>绑定邮箱</span> </div> <div clas

利用正则表达式校验input框输入的字符类型

当做form表单校验时,如果只是想校验输入字符的类型,那么可以在input等标签中利用正则表达式进行校验,而不用通过调用js. 例如,校验输入字符是否为正整数: <input type='text' onkeyup="value=this.value.replace(/\D+/g,'')" /> 或者校验输入字符是否为字符串为数字(正整数+正浮点数): <input type='text' onkeyup="value=this.value.replace(

Android input输入框 移动页面input手机键盘中的“搜索”按键

动页面input手机键盘中的“搜索”按键 满足以下几点机即可: input type="search"    放到form标签中    使用action属性 <form action="." > <input type='search' /> </form> 注意: 如果只使用input type="search",而不放到form标签中,则显示“换行”:如果放到form中,但是使用type="tex

Extjs表单输入框异步校验的插件实现

一.效果如图所示 特点: 1.异步后台校验不会对用户操作产生阻塞感: 2.可在用户停止输入后自动校验,避免频繁进行无谓的后台校验: 3.以插件方式实现,方便使用: 二.插件源码如下: /** * Created by jiawenjun on 2016/10/19. */ Ext.define('Ux.plugins.FieldAjaxVerify',{ extend: 'Ext.AbstractPlugin', alias: 'plugin.fieldajaxverify', buffer:5

输入框手机号校验以及EditText的

// 失去焦点验证et_phone.setOnFocusChangeListener(new View.OnFocusChangeListener() { @Override public void onFocusChange(View v, boolean hasFocus) { if (hasFocus) { int index = detail_header_view_list .indexOf(headerView); clickHeader(index); } else { Strin

Vue Input输入框两侧加减框内数字组件

NumberBox组件内容: <template> <div class="number-box" :class="{'box-disable': isDisabled}"> <!-- 此处为"减号"标志的图片 --> <img class="btn-number" src="./reduce.png" @click="onReduce" /&g

微信小程序组件解读和分析:十、input输入框

input输入框组件说明: 本文介绍input 输入框的各种参数及特性. input输入框示例代码运行效果如下: 下面是WXML代码: [XML] 纯文本查看 复制代码 ? 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 <view class="content"> type:有效值:text 感觉没什么区别 <input  placeholder="type=text" type=

HTML5 input事件检测输入框变化

之前一直用change事件来监听输入框内容是否发生变化,只有当输入框失去焦点时才会触发,没想到html5还有个input事件,只要输入框内容发生变化就会立即触发,既然有这么好的东西我们干嘛放着不用呢,接下来就来给大家介绍一下: 如果我们页面上有这样一个简单到极致的输入框: 1 <input type="text"> 那么我们现在用jquery给它绑定input事件,如下: 1 $("input:text").bind("input proper