小编Ron*_*son的帖子

实现 CSS 自定义表单验证错误消息

每个人!我正在尝试使用 Materialize CSS 和 jQuery 验证插件 ( https://jqueryvalidation.org/ )创建我的注册表单。

只是想知道如何将我为插件中的每个验证规则设置的自定义错误消息放入 input 元素的 data-error 属性中?

根据 Materialize CSS 的文档 ( http://materializecss.com/forms.html ),我们可以通过向输入字段标签添加 data-error 属性来添加自定义验证错误消息。但是对于任何被破坏的验证规则,这只会​​显示一条消息。

我想为用户违反的特定验证规则显示适当的错误消息。

这是我的表格:

<form id="reg-form">
<div class="row">
    <div class="input-field col s6">
        <input id="firstname" name="fname" type="text"/>
        <label for="firstname">First Name</label>
    </div>
    <div class="input-field col s6">
        <input id="lastname" name="lname" type="text">
        <label for="lastname">Last Name</label>
    </div>
</div>
<div class="row">
    <div class="input-field col s12">
        <input id="email" name="email" type="email" required/>
        <label for="email">Email</label>
    </div>
</div>
<div class="row">
    <div class="input-field col s12">
        <input id="password" name="pass" type="password" required/> …
Run Code Online (Sandbox Code Playgroud)

html validation jquery materialize

5
推荐指数
2
解决办法
2万
查看次数

标签 统计

html ×1

jquery ×1

materialize ×1

validation ×1