<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Load By RequireJS</title> <link rel="stylesheet" href="demo.css"> </head> <body> <form id="form1" class="form"> <div class="form-item"> <input type="text" name="user[email]" data-rule="required;email" placeholder="Email"> </div> <div class="form-item"> <input type="password" name="password" data-rule="required;" placeholder="Password"> </div> <div class="form-item"> <button type="submit">Submit</button> </div> </form> <script src="https://cdn.jsdelivr.net/requirejs/2.1.22/require.min.js"></script> <script> requirejs.config({ baseUrl: '../', paths: { jquery: 'https://cdn.jsdelivr.net/jquery/1.12.3/jquery.min', validator: 'dist/local/zh-CN' }, shim: { validator: ['../dist/jquery.validator.js?css'] } }); // Way 1: Use plugin methods require(['jquery', 'validator'], function($){ $('#form1').validator({ timely: 2, stopOnError: true, theme: 'yellow_right' }); }); // Way 2: Just include nice-validator // require(['validator']); // Way 3: Define a module dependency nice-validator // define('some-module', ['jquery', 'validator'], function($){ // // some code // }); </script> </body> </html>