代码之家  ›  专栏  ›  技术社区  ›  Hank Gay

使用参数实现不引人注目的Javascript

  •  0
  • Hank Gay  · 技术社区  · 15 年前

    您将参数传递给不引人注目的Javascript的策略是什么?

    假设我们有三个动态生成的输入字段,需要对其范围进行验证:

    <input id="smallValue" class="validatedRange" />
    <input id="mediumValue" class="validatedRange" />
    <input id="largeValue" class="validatedRange" />
    

    在Javascript中:

    Ext.onReady(function () {
      Ext.select("input.validatedRange").on("change", function () {
        // How to get the min/max values to here?
      }); 
    });
    

    无论如何,最小/最大值需要包含在标记中。我目前看到的“最佳”方式是这样滥用标签:

    <input id="smallValue" class="validatedRange" min="0" max="10" />
    <input id="mediumValue" class="validatedRange" min="100" max="1000" />
    <input id="largeValue" class="validatedRange" min="1000" max="10000" />
    

    你知道更好的方法吗?

    2 回复  |  直到 15 年前
        1
  •  1
  •   Å ime Vidas Zim84    15 年前

    为了拥有自定义的HTML属性,有一些以数据为前缀的属性。。。

    <input id="foo" class="bar" data-min="100" data-max="1000">
    

    这是HTML5的一个新特性: http://ejohn.org/blog/html-5-data-attributes/

        2
  •  0
  •   WickyNilliams    15 年前

    不是100%确定它是否可以工作,但理论上应该可以):查看jquery验证库以满足您的验证需求(保存一些东西!)
    http://docs.jquery.com/Plugins/Validation/

    这都是声明式的,是一种非常简洁的方式


    http://docs.jquery.com/Plugins/livequery

    这两者的结合 应该 工作。希望有帮助