新闻资讯

质量为本、客户为根、勇于拼搏、务实创新

< 返回新闻资讯列表

validationEngine插件如何使用

发布时间:2023-08-21 07:57:31

validationEngine插件如何使用

validationEngine插件是一个用于表单验证的jQuery插件,可以用于验证表单的输入内容是否是符合要求。下面是使用validationEngine插件的步骤:
1. 引入jQuery和validationEngine的相关文件,可以通过以下方式引入:
```html



```
2. 在表单元素上添加验证规则,可以通过在表单元素上添加`class`属性来指定验证规则,例如:
```html

```
上面的示例中,`class`属性的值为`validate[required]`,表示该输入框是必填的。
3. 初始化validationEngine,可以通过以下方式初始化:
```javascript
$(document).ready(function() {
$("form").validationEngine();
});
```
上面的示例中,通过`$("form")`选择器选取所有的表单元素,并调用`validationEngine()`方法进行初始化。
4. 可选:自定义毛病提示信息。可以在表单元素上添加`data-errormessage`属性来自定义毛病提示信息,例如:
```html

```
5. 可选:使用其他验证规则。除`required`规则,validationEngine还支持其他一些经常使用的验证规则,例如`email`、`phone`等,可以通过在`class`属性中添加相应的规则进行使用,例如:
```html

```
上面的示例中,`class`属性的值为`validate[required, email]`,表示该输入框是必填的,并且输入内容一定要符合email格式。
通过以上步骤,就能够使用validationEngine插件进行表单验证了。当用户提交表单时,插件会自动验证表单中的输入内容,并显示相应的毛病提示信息。