zoukankan      html  css  js  c++  java
  • input 判断是否为正整数 并显示按钮或隐藏按钮

    <form id="subForm" style="margin-top: 20px;" class="layui-form" action="<%=path%>/ap/ctrlApSetZetaParam?uid=${uid}" method="post">

    <div class="layui-form-item">
    <label class="layui-form-label">通信信道频点</label>
    <div class="layui-input-inline">
    <input onkeyup="this.value=this.value.replace(/[^0-9-]+.[^0-9-]+/);" oninput="OnInputMath (event)" onpropertychange="OnPropChangedMath (event)"
    type="text" name="comFreq" style=" 150px;" required lay-verify="required" placeholder="通信信道频点(1-15)" autocomplete="off" class="layui-input">
    </div>
    </div>

    <div class="layui-form-item" style="align-content: center">
    <div class="layui-input-block">
    <div id="subBTN" type="reset" class="layui-btn layui-btn-normal" onclick="submitForm()">确认</div>
    </div>
    </div>
    </form>

    function OnInputMath (event) {
    /*var reg=/^[1-9]d*.d*|0.d*[1-9]d*$/;*/
    var reg = /^[1-9]+[0-9]*]*$/;
    if(event.target.value==""||reg.test(event.target.value)==true){
    if (event.target.value >= 0 && event.target.value <= 15) {
    document.getElementById("subBTN").style.display = '';
    } else {
    layer.msg("输入范围1~15");
    document.getElementById("subBTN").style.display = 'none';
    }
    } else {
    layer.msg("请输入数字 ");
    document.getElementById("subBTN").style.display = 'none';
    }
    }
    function OnPropChangedMath (event) {
    if (event.propertyName.toLowerCase () == "value") {
    /*var reg=/^[1-9]d*.d*|0.d*[1-9]d*$/;*/
    var reg = /^[1-9]+[0-9]*]*$/;
    if(event.target.value==""||reg.test(event.target.value)==true){
    if (event.target.value >= 0 && event.target.value <= 15) {
    document.getElementById("subBTN").style.display = '';
    } else {
    layer.msg("输入范围1~15");
    document.getElementById("subBTN").style.display = 'none';
    }
    } else {
    layer.msg("请输入数字 ");
    document.getElementById("subBTN").style.display = 'none';
    }
    }
    }
     
  • 相关阅读:
    sharepoint环境的安装及form表单验证等遇到的问题及总结。
    话说在这里开辟个情感专栏怎么样呢?
    Android学习4—短信发送器的实现
    Android学习2项目文件列表简单分析
    Android学习3—电话拨号器
    腾讯内推一面记录
    日程日历示例
    屏幕设配介绍
    深入理解移动开发的模板复用机制
    沉浸屏幕状态栏
  • 原文地址:https://www.cnblogs.com/riyueqian/p/11559669.html
Copyright © 2011-2022 走看看