2017-04-06 35 views
1

我使用1000hz bootstrap validation实施验证。但有两个东西 -1000Hz的引导验证工作不正常

1)一切都很顺利。即使当我输入相同的密码时,data-match也不起作用。这里是代码 -

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
<script src="../js/bootstrap.min.js"></script> 
<script type="text/javascript" src="../js/login-reg.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/1000hz-bootstrap-validator/0.9.0/validator.min.js"></script> 

<div class="form-group"> 
    <input type="password" name="inputPassword" data-minlength="6" id="password" tabindex="1" class="form-control" placeholder="password" value="" required> 
    <div class="help-block">Minimum of 6 characters</div> 
</div> 
<div class="form-group has-feedback"> 
    <input type="password" name="confirm-password" id="confirm-password" tabindex="1" class="form-control" placeholder="confirm password" value="" data-match="#inputPassword" data-match-error="Whoops, these don't match" required> 
    <span class="glyphicon form-control-feedback"></span> 
    <div class="help-block with-errors"></div> 
</div> 
<div class="form-group"> 
    <div class="row"> 
    <div class="col-sm-6 col-sm-offset-3"> 
    <input type="submit" name="register-submit" id="register-submit" tabindex="4" class="form-control btn btn-register" value="Register Now"> 
    </div> 
    </div> 
</div> 

我GOOGLE了它,我有一个问题提到类似的问题here。我在同一页面上查看了1000hz提供的解决方案,并检查了我的代码,但无法解决我的问题。 请告诉我我做错了什么? 2)。当我只输入[email protected](这么多)时,它验证电子邮件正确。它不应该验证.com吗?

​​

我的意思的电子邮件地址是这样[email protected]所以它有三个主要部分组成─before @some text after @.com in the end。当我键入[email protected]它表明,“电子邮件是无效的”,我也同意,但此刻我型​​没有显示警报。这是验证电子邮件地址的正确方法吗?还是我说话有道理?什么是验证电子邮件地址的正确方法?

PS-请在网站上,并尝试写入[email protected]和​​。

回答

0

1)你写
data-match="#inputPassword"

但 “#” 号通常对应于一个元素,不是名称的ID。不确定你的情况,但值得检查。

2)电子邮件验证是十分困难的正确执行,而这只能做基本的检查一样there is a "@" sign somewhere in the middle of the string。您必须自己执行其他检查(例如,如果有.com),使用一些更高级的框架或自定义脚本(或仅限后端),对不起!

编辑:来源最后要求: http://formvalidation.io/validators/emailAddress/#is-ab-valid-email-address

+1

是的,你是对的'#'。我更正了名称和ID属性。现在它工作。 –

0

这是一个小错误。 data-match取值为id。正确的代码应该是 -

<div class="form-group"> 
    <input type="password" name="Password" data-minlength="6" id="inputPassword" tabindex="1" class="form-control" placeholder="password" value="" required> 
    <div class="help-block">Minimum of 6 characters</div> 
</div> 
<div class="form-group has-feedback"> 
    <input type="password" name="confirm-password" id="confirm-password" tabindex="1" class="form-control" placeholder="confirm password" value="" data-match="#inputPassword" data-match-error="Whoops, these don't match" required> 
    <span class="glyphicon form-control-feedback"></span> 
    <div class="help-block with-errors"></div> 
</div>