nicevalidator验证示例

最新推荐文章于 2024-04-15 09:39:31 发布

原创最新推荐文章于 2024-04-15 09:39:31 发布 · 3.2k 阅读

0 ·

CC 4.0 BY-SA版权

学习参考资料专栏收录该内容

23 篇文章

订阅专栏

本文介绍了一种使用jQuery Validator插件进行前端表单验证的方法，包括必填项验证及错误提示展示。通过具体的HTML和JavaScript代码示例，展示了如何设置收款银行和银行账号的输入验证。

（参考nice validator点击打开链接）

js:

jsp:

<div class="cf-form-input"><input type="text" class="cf-input" placeholder="请输入银行名称" name="beneficiaryBank"

data-rule="收款银行:required" data-msg-required="请选择{0}"/></div>

</div>

<div class="cf-funds-formli">
<p class="cf-form-title">收款银行账号：</p>
<div class="cf-form-input"><input type="text" class="cf-input form_integer" name="beneficiaryAcc"
data-rule="收款银行账号:required;"></div>
<div>
<span class="msg-box n-right" style="position:static;" for="beneficiaryAcc"></span>
</div>
</div>

前台画面：