Dojo电子邮件和url验证未触发
Dojo电子邮件和url验证未触发
提问于 2014-03-11 19:21:31
我实现了DOJO框架，但是我在让内置的验证为电子邮件和urls工作时遇到了问题。似乎这些函数不是在我的目录结构的代码和屏幕截图下触发的：
Page.jsp
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="dojo/dojo/dojo.js" data-dojo-config="async:true"></script>
<script>
//load requirements for declarative widgets
require(["dojo/parser",
/* dojox/ validate resources */
"dojox/validate/us", "dojox/validate/web",
/* basic dijit classes */
"dijit/form/CheckBox", "dijit/form/Textarea", "dijit/form/FilteringSelect", "dijit/form/TextBox", "dijit/form/ValidationTextBox", "dijit/form/DateTextBox", "dijit/form/TimeTextBox", "dijit/form/Button", "dijit/form/RadioButton", "dijit/form/Form", "dijit/form/DateTextBox",
/* basic dojox classes */
"dojox/form/BusyButton", "dojox/form/CheckedMultiSelect",
"dojo/domReady!"]);
</script>
<link href= "<c:url value="dojo/dijit/themes/claro/claro.css" />" rel="stylesheet" type="text/css" media="screen"/>
<title>Insert title here</title>
</head>
<body class="class">
<form data-dojo-type="dijit/form/Form" method="post">
<script type="dojo/method" event="onSubmit">
if(this.validate()){
alert('your form is valid');
return confirm('Form is valid, press OK to submit');
}else{
alert('Form contains invalid data. Please correct first');
return false;
}
return true;
</script>
<label for="value1Box">A textbox set with a value from the above textbox:</label><br/>
<input type="text" required="true" name="firstName" id="firstName" placeholder="Your Name"
data-dojo-type="dojo/dijit/form/ValidationTextBox" missingMessage="Ooops! You forgot your first name!" /><br/>
<input type="text" required="true" name="website" id="website" placeholder="Your Website"
data-dojo-type="dijit/form/ValidationTextBox" validator="dojox.validate.isUrl" /><br/>
<input type="text" required="true" name="email" id="email"
data-dojo-type="dijit/form/ValidationTextBox" validator="dojox.validate.isEmailAddress" /><br/>
<input type="submit" value="Submit Form" label="Submit Form"
id="submitButton" data-dojo-type="dijit/form/Button" />
</form>
</body>
</html>目录结构
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-03-11 22:30:25
您在以下HTML中使用了错误的类型：
<input type="text" required="true" name="firstName" id="firstName" placeholder="Your Name"
data-dojo-type="dojo/dijit/form/ValidationTextBox" missingMessage="Ooops! You forgot your first name!" />正如您在这里看到的，您在这里使用的是dojo/dijit/form/ValidationTextBox，但是它应该是dijit/form/ValidationTextBox，就像其他两个一样。
如果您这样做，它应该正常工作，至少在这个小提琴中。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22334586
复制相关文章
相似问题
腾讯云开发者
