问在Foundation 5上创建和使用自定义模式
EN

Stack Overflow用户

提问于 2014-02-17 21:50:36

回答 1查看 821关注 0票数 1

我试图在Foundation 5中使用自定义模式。

<head>
    <meta charset="utf-8"> 
    <script src="js/vendor/modernizr.js"></script> 
</head> 
<body>
        <form name="input" action="validate.php" method="post" data-abide>
                        <fieldset>
                            <legend>Todos os campos são necessários</legend>
                            <div class="row">
                                <div class="small-3 columns">
                                    <label for="right-label" class="right inline">Dogecoin Adress</label>
                                </div>
                                <div class="small-9 columns">
                                    <input name="wallet" type="text" pattern="wallet" class="small-12 columns" required />
                                    <small class="error">Invalid Adress</small>
                                </div>
                            </div>
                        </fieldset>
                    </form>

    <script src="js/vendor/jquery.js"></script> 
<script src="js/foundation.min.js"></script>
<script src="js/foundation/foundation.abide.js"></script>
    <script> 
        $(document).foundation(
        {
            abide:{
                patterns:{
                    wallet: /^D[A-Za-z0-9]{33}$/
                }
            }
        }
        );
    </script> 
</body>

为什么当我介绍一个有效的附加词(例如: DRzKV3Vr235MTuGuVZ4eHjZfmy4TsymDX4)时，它仍然说我有一个无效的附加词？

javascript

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-02-17 23:45:10

我做了以下修改：

我确保将类型设置为text/javascript (有些浏览器可能需要这样做)。
我在regex模式中的第一个D字符后面添加了{1}。
使用更新的regex模式，该模式应确保所有地址字符都对Base58地址有效。

编辑:固定HTML显示

    <head>
<meta charset="utf-8"> 
<script type="text/javascript" src="js/vendor/modernizr.js"></script> 
</head> 
<body>
        <form name="input" action="validate.php" method="post" data-abide>
                        <fieldset>
                            <legend>Todos os campos são necessários</legend>
                            <div class="row">
                                <div class="small-3 columns">
                                    <label for="right-label" class="right inline">Dogecoin Adress</label>
                                </div>
                                <div class="small-9 columns">
                                    <input name="wallet" type="text" pattern="wallet" class="small-12 columns" required />
                                    <small class="error">Invalid Adress</small>
                                </div>
                            </div>
                        </fieldset>
                    </form>

    <script type="text/javascript" src="js/vendor/jquery.js"></script> 
    <script type="text/javascript" src="js/foundation.min.js"></script>
    <script type="text/javascript" src="js/foundation/foundation.abide.js"></script>
    <script type="text/javascript"> 
        $(document).foundation(
        {
            abide:{
                patterns:{
                    wallet: /^D{1}[5-9A-HJ-NP-U]{1}[1-9A-HJ-NP-Za-km-z]{32}$/
                }
            }
        }
        );
    </script> 
</body>

或者您可以使用jQuery的extend方法尝试以下方法来设置模式：

    <head>
<meta charset="utf-8"> 
<script type="text/javascript" src="js/vendor/modernizr.js"></script> 
</head> 
<body>
        <form name="input" action="validate.php" method="post" data-abide>
                        <fieldset>
                            <legend>Todos os campos são necessários</legend>
                            <div class="row">
                                <div class="small-3 columns">
                                    <label for="right-label" class="right inline">Dogecoin Adress</label>
                                </div>
                                <div class="small-9 columns">
                                    <input name="wallet" type="text" pattern="wallet" class="small-12 columns" required />
                                    <small class="error">Invalid Adress</small>
                                </div>
                            </div>
                        </fieldset>
                    </form>

    <script type="text/javascript" src="js/vendor/jquery.js"></script> 
    <script type="text/javascript" src="js/foundation.min.js"></script>
    <script type="text/javascript" src="js/foundation/foundation.abide.js"></script>
    <script type="text/javascript"> 
        jQuery.extend(window.Foundation.libs.abide.settings.patterns, {
            wallet: /^D{1}[5-9A-HJ-NP-U]{1}[1-9A-HJ-NP-Za-km-z]{32}$/
        });
    </script> 
</body>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/21839976

复制

相似问题

问在Foundation 5上创建和使用自定义模式
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Foundation 5上创建和使用自定义模式EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Foundation 5上创建和使用自定义模式
EN