我正在编写一个jQuery插件,它使用一个属性来定义表单验证行为(是的,我知道已经有一个验证插件;这是我将要使用的学习练习).理想情况下,我想要这样的东西:
例1 – 输入:
<input id="name" type="text" v:onvalidate="return this.value.length > 0;" />
示例2 – 包装器:
<div v:onvalidate="return $(this).find('[value]').length > 0;"> <input id="field1" type="text" /> <input id="field2" type="text" /> <input id="field3" type="text" /> </div>
示例3 – 预定义:
<input id="name" type="text" v:validation="not empty" />
这里的目标是允许我的jQuery代码确定哪些元素需要验证(这已经完成),并且仍然有标记是有效的XHTML,这是我遇到的问题.我很确定这需要DTD和XML Schema的组合,但我不太确定如何执行.
基于this article,我创建了以下DTD:
<!ENTITY % XHTML1-formvalidation1 PUBLIC "-//W3C//DTD XHTML 1.1 +FormValidation 1.0//EN" "http://new.dandoes.net/DTD/FormValidation1.dtd" > %XHTML1-formvalidation1; <!ENTITY % Inlspecial.extra "%div.qname; " > <!ENTITY % xhmtl-model.mod SYSTEM "formvalidation-model-1.mod" > <!ENTITY % xhtml11.dtd PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" > %xhtml11.dtd;
这里是“formvalidation-model-1”:
<!ATTLIST %div.qname; %onvalidation CDATA #IMPLIED %XHTML1-formvalidation1.xmlns.extra.attrib; >
我之前从未做过DTD,所以我甚至都不确定我在做什么.当我通过W3 XHTML验证器运行我的页面时,我得到80个错误,因为它获得了所有XHTML元素的重复定义.我至少走在正确的轨道上吗?有什么建议?
编辑:
我从我的自定义DTD中删除了这一部分,因为事实证明它实际上是自引用的,我从中获取模板的代码实际上是将两个DTD合并为一个,而不是将特定项目附加到一个:
<!ENTITY % XHTML1-formvalidation1 PUBLIC "-//W3C//DTD XHTML 1.1 +FormValidation 1.0//EN" "http://new.dandoes.net/DTD/FormValidation1.dtd" > %XHTML1-formvalidation1;
我也删除了这个,因为它没有验证,似乎没有做任何事情:
<!ENTITY % Inlspecial.extra "%div.qname; " >
另外,我决定,因为我只添加了一些额外的项目,W3推荐的单独文件模型看起来并没有那么有用,所以我把所有东西放到dtd文件中,其内容现在是这个:
<!ATTLIST div onvalidate CDATA #IMPLIED> <!ENTITY % xhtml11.dtd PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" > %xhtml11.dtd;
所以现在,我没有得到任何与DTD相关的验证错误,但是onvalidate属性仍然无效.
更新:我放弃了DTD并添加了一个架构:http://schema.dandoes.net/FormValidation/1.0.xsd
使用v:onvalidate似乎在Visual Studio中验证,但W3C服务仍然不喜欢它.
这是w3c验证结果的链接:
这是否与我能够得到的一样接近,或者我仍然做错了什么?
解决方法
如果您希望结果是有效的XHTML,我相信您需要使用
XML namespaces而不是自定义DTD. DTD不仅定义了语言(因此,自定义DTD不是“真正的”XHTML),但它会将任何读取它的浏览器抛入
quirks mode,即使它们没有阻塞文件.
另一方面,使用命名空间将生成完全有效的XHTML(尽管并非所有验证器都是名称空间感知的,并且可能无法正确验证它)并允许浏览器在(接近)标准模式下工作.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="http://example.com/ns/validation" xml:lang="en"> <head><title>Validation Example</title></head> <body> <input id="name1" type="text" v:onvalidate="return this.value.length > 0;"/> <input id="name2" type="text" v:validation="not empty"/> </body> </html>