<!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>
|
