如何在Magento 2中验证表格

向本地提交之前,验证Magento 2中的新表格是至关重要的检查步骤。如果您要使用 Magento 2平台构建商店,validation.js则将在此处使用file。您可以将新的验证注入该文件。实际上,在Magento 2中使用validation.js文件验证表单的方式有很多。因此,现在我们将在一起获得有关该主题的更多清晰信息。

为了准备进行新的验证,我们需要创建一个测试表格

<form class="form" id="custom-form" method="post" autocomplete="off">
   <fieldset class="fieldset">
       <legend class="legend"><span><?php echo __('Personal Information') ?></span></legend><br>
        <div class="field required">
            <label for="email_address" class="label"><span><?php echo __('Email') ?></span></label>
            <div class="control">
                <input type="email" name="email" id="email_address" value="" title="<?php echo __('Email') ?>" class="input-text" data-validate="{required:true, 'validate-email':true}">
            </div>
        </div>
   </fieldset>
   <div class="actions-toolbar">
        <div class="primary">
            <button type="submit" class="action submit primary" title="<?php  echo __('Submit') ?>"><span><?php echo __('Submit') ?></span></button>
        </div>
    </div>
</form>

之后,将表单创建为验证属性。

接下来,要接受javascript验证,请运行以下脚本:

<script type="text/x-magento-init">
    {
        "#custom-form": {
            "validation": {}
        }
    }
</script>

或者您可以像这样直接在.html中进行该操作

<form data-mage-init='{"validation": {}}' class="form" id="custom-form" method="post" autocomplete="off">
or

<script type="text/javascript">
require([
    'jquery',
    'mage/mage'
], function($){
 
   var dataForm = $('#custom-form');
   dataForm.mage('validation', {});
 
});
</script>

毕竟,JavaScript库的输出是

lib/web/mage/validation.js

请按照此说明资讯,您将获得不同类型的验证,其中包括validate-cc-cvnvalidate-lengthvalidate-one-required以及小部件的类型$.widget("mage.validation")

赞(0)
微信
支付宝
微信二维码图片

微信扫描二维码打赏

支付宝二维码图片

支付宝扫描二维码打赏

相关文章

0 0 投票数
文章评分
订阅评论
提醒
0 评论
内联反馈
查看所有评论