You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
58 lines
1.3 KiB
58 lines
1.3 KiB
<!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>
|
|
|