jQuery Rut 项目教程

凤高崇

于 2024-09-10 10:12:06 发布

阅读量512

点赞数 5

本文链接：https://blog.csdn.net/gitblog_01130/article/details/142090291

版权

jQuery Rut 项目教程

jquery.rutFormato y validación de RUT Chileno / jQuery 1.4+项目地址:https://gitcode.com/gh_mirrors/jq/jquery.rut

1. 项目的目录结构及介绍

jquery.rut/
├── lib/
│   └── resources/
├── test/
├── .codeclimate.yml
├── .gitignore
├── .travis.yml
├── Gruntfile.js
├── LICENSE
├── README.md
├── bower.json
├── demo.html
├── jquery.rut.js
├── jquery.rut.min.js
├── jquery.rut.min.js.map
├── karma.conf.js
├── package.json
├── rut.jquery.json
└── tests/
    └── qunit.html

目录结构介绍

lib/: 包含项目的资源文件。
test/: 包含项目的测试文件。
.codeclimate.yml: CodeClimate 配置文件。
.gitignore: Git 忽略文件配置。
.travis.yml: Travis CI 配置文件。
Gruntfile.js: Grunt 任务配置文件。
LICENSE: 项目许可证文件。
README.md: 项目说明文件。
bower.json: Bower 包管理配置文件。
demo.html: 项目演示文件。
jquery.rut.js: 项目主文件，包含 jQuery Rut 插件的源代码。
jquery.rut.min.js: 项目主文件的压缩版本。
jquery.rut.min.js.map: 压缩文件的源映射文件。
karma.conf.js: Karma 测试配置文件。
package.json: npm 包管理配置文件。
rut.jquery.json: jQuery 插件注册配置文件。
tests/: 包含项目的测试文件，使用 QUnit 进行单元测试。

2. 项目的启动文件介绍

项目的启动文件是 demo.html，这是一个演示文件，展示了如何使用 jQuery Rut 插件来格式化和验证智利 RUT 号码。

`demo.html` 文件内容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery Rut Demo</title>
    <script src="jquery.js"></script>
    <script src="jquery.rut.js"></script>
</head>
<body>
    <h1>jQuery Rut Demo</h1>
    <input type="text" id="rut_demo_1" name="rut_demo_1" />
    <script>
        $(function() {
            $("#rut_demo_1").rut({
                on_error: function() {
                    alert('Rut incorrecto');
                }
            });
        });
    </script>
</body>
</html>

启动文件介绍

<script src="jquery.js"></script>: 引入 jQuery 库，确保在引入 jquery.rut.js 之前加载。
<script src="jquery.rut.js"></script>: 引入 jQuery Rut 插件。
<input type="text" id="rut_demo_1" name="rut_demo_1" />: 创建一个输入框，用于用户输入 RUT 号码。
$("#rut_demo_1").rut({ ... }): 初始化 jQuery Rut 插件，配置错误回调函数。