<!DOCTYPE html">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DOJO 表单验证</title>
</head>
<body>
<p>DOJO 表单验证</p>
<form name="form1" method="post" action="">
<p>
Email ： <input type="text" name="email" id="email">
</p>
<p>
Password ： <input type="text" name="password" id="password">
</p>
<p>
Confirm Password ： <input type="text" name="confirm" id="confirm">
</p>
<p>
<input type="submit" name="submit" id="submit" value="提交">
</p>
</form>
<!-- 好了我们开始进行表单的验证首先引入dojo.js -->
<script src="//ajax.googleapis.com/ajax/libs/dojo/1.9.1/dojo/dojo.js" data-dojo-config="async: true, parseOnLoad: true"></script>
<!-- 写上我们自己的js验证代码 -->
<script>
require(["dojo/query","dojo/_base/event","dojox/validate/web","dojox/validate/check","dojo/domReady!"],function(query,baseEvent,validate){
//表单的提交检查
/**
*表单检查，
*@form 要检查的表单
*/
function doCheck(form) {
//关键的一部把表单和配置文件给check函数
var resultes = validate.check(form, profile);
//没有错误，返回true
if (resultes.isSuccessful()) {
return true;
} else {
//无效的值
var error = resultes.getInvalid();
if (error.length > 0) {
//把用户带到第一个错误的组件
dojo.byId(error[0]).focus();
}
//没有输入的值
var missing = resultes.getMissing();
if (missing.length > 0) {
dojo.byId(missing[0]).focus();
}
return false;
}
}
//捕获表单提交事件
var f = query("form")[0];
f.onsubmit = function(e){
baseEvent.stop(e);
doCheck(f);
};
//自己的密码验证函数
function vailPass(){
var password = dojo.byId("password");
if(!validate.isText(password)){
alert("密码格式不对，重新输入");
return false;
}
return true;
}
//定义个profile 文件，用于说明验证的信息
profile = {
//去掉空格的组件在这里定义
trim : ["email","password","confirm"],
//不能为空的字段定义
required : ["email","password","confirm"],
//现在对该组件进行详细验证了
//email 就是组建的名字name属性，
email : [validate.isEmailAddress, false, true], //判断是否为email ，这里偷懒，用dojo提供的方法验证
password : vailPass, //如果是验证方式是自己定义的函数，这里写上自己的函数名字，然后定义自己的验证函数,如果要提示用户输入的信息是否正确，一般都是自己定义一个验证函数，然后在函数
里面使用dojo提供的验证方法
//定义确认密码
confirm : {
"confirm" : "password" //这里的confirm要和password一样，所以这样定义
}
}
});
</script>
</body>
</html>
"dojox/validate/check"
欢迎来到这里！
我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。
注册 关于