巧用weui.topTips验证数据的实例

场景一、

有一个输入金额的场景，这个金额需要验证，验证说明如下：

不能为空格；

不能为0；

不能为汉字；

不能为其它字符；

不能大于200；

唯一可以的是，只有输入3~199之间的数字，下面的确定按钮才会显示，否则，隐藏这个按钮。

HTML：

rush:xhtml;">

Box dialog js_show">

Box-btn">

        </div>
        <div class="weui-jiaj-money-<a href="https://www.jb51.cc/tag/Box/" target="_blank" class="keywords">Box</a>-three"&gt;
          <div class="weui-flex__item"&gt;
            <a id="showMoney" href="javascript:;" rel="external <a href="https://www.jb51.cc/tag/nofollow/" target="_blank" class="keywords">nofollow</a>" class="weui-btn weui-btn_mini weui-btn_default"&gt;其它</a>
          </div>
        </div>
      </div>
    </div>
    <!--其它金额-->
    <div class="weui_dialog_alert" id="showMoneyDialog" style="<a href="https://www.jb51.cc/tag/dis/" target="_blank" class="keywords">dis</a>play: none;"&gt;
      <div class="weui_mask"&gt;</div>
      <div class="weui_dialog"&gt;
        <div class="weui_dialog_hd"&gt;<h3 class="weui_dialog_title"&gt;其它金额</h3></div>
        <div class="weui_dialog_bd"&gt;
          <div class="weui-jiaj-dialog-panel"&gt;
            <div class="weui-cell"&gt;
              <div class="weui-cell__bd"&gt;
                <input id="dialogPrice" type="text" required class="weui-input" placeholder="￥10" />
              </div>
            </div>
          </div>
        </div>
        <div class="weui_dialog_ft"&gt;
          <div id="otherPriceBtn" class="weui_btn_dialog primary"&gt;确定</div>
        </div>
      </div>
    </div></pre>

JS：

rush:js;">

原文地址：https://www.jb51.cc/js/39928.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。

• 上一篇：JS简单获取当前日期和农历日期的方下一篇：JavaScript实现的商品抢购倒计时功