1

我看到互联网上有一些插件可用于检查 IBAN 是否正确。我找到了以下 IBAN 并想将其用于我的表单:

https://github.com/jzaefferer/jquery-validation/blob/master/src/additional/iban.js

我下载了 .js 文件并将其包含到我的 .php 页面中,如下所示:

<script src="js/iban.js"></script>

我的表格如下所示:

<form method="POST" action="update_profile.php" id="editprofile" class="form-horizontal form-label-left">
   <div class="form-group">
     <label class="control-label col-md-3 col-sm-3 col-xs-12">Bank:</label>
      <div class="col-md-9 col-sm-9 col-xs-12">
       <input type="text" class="form-control" name="bank" value="<?php echo $_SESSION['data']['bankaccount']; ?>">
      </div>
   </div>

   <div class="form-group">
    <label class="control-label col-md-3 col-sm-3 col-xs-12">Inhaber:</label>
     <div class="col-md-9 col-sm-9 col-xs-12">
      <input type="text" class="form-control" name="inhaber" value="<?php echo $_SESSION['data']['bankowner']; ?>">
     </div>
   </div>

   <div class="form-group">
    <label class="control-label col-md-3 col-sm-3 col-xs-12">IBAN:</label>
     <div class="col-md-9 col-sm-9 col-xs-12">
      <input type="text" class="form-control" name="iban" id="iban" value="<?php echo $_SESSION['data']['iban']; ?>" required>
     </div>
   </div>

   <div class="form-group">
    <label class="control-label col-md-3 col-sm-3 col-xs-12">BIC:</label>
     <div class="col-md-9 col-sm-9 col-xs-12">
      <input type="text" class="form-control" name="bic"  value="<?php echo $_SESSION['data']['bic']; ?>">
     </div>
    </div>
<button type="submit" name="update" value="update" class="btn btn-warning btn-lg btn-block">Edit</button>
    </form>
    <script>
    $("#editprofile").validate();
    </script>

现在,如果我单击编辑按钮,我的表单将被发送,但 iban 未经过验证。我什至可以输入错误的 IBAN。我做错了什么?这是我第一次在我的表单中包含一个 plugin/.js 文件。我缺少一些东西,但它是什么?

谢谢,克里斯

4

2 回答 2

3

如果您将 jquery.validate 与 IBAN 插件一起使用,只需设置属性 data-rule-iban="true"

<input data-rule-iban="true" id="IBAN" class="form-control" placeholder="IBAN *" type="text" required  tabindex="10">
于 2016-04-23T16:06:57.820 回答
0

你应该已经下载了整个插件,所以你可以很好地复制它,因为你已经将该文件的所有依赖项留在了 git 中。但同样你可以使用这个验证插件而不是http://formvalidator.net/。它很容易配置以适应您需要验证的内容。希望能帮助到你

于 2015-08-26T13:14:42.343 回答