莫相离 发表于 2015-1-15 23:09:42

来看看:HTML5表单考证功能:撑持老旧扫瞄器

WHATWG版和W3C版的HTML5规范虽然根源相同,在一些领域却已经产生分歧。破洛洛文章简介:HTML5的超等复杂表单考证体例带进IE和其他老扫瞄器.
品范例:静态效果(静态JS、jQuery作品)作品形貌:将HTML5的超等复杂表单考证体例带进IE和其他老扫瞄器制造思绪:编写一个插件,让老旧扫瞄器也能够利用html5语法来举行表达考证,只需在底层拦阻submit事务,发明不符考证划定规矩后使用jQuery触发invalid事务。开辟者只需复杂的绑定invalid事务,便可以完成以往很庞大的表单考证功效。
信任喜好奇怪事物的前端er已实验过了HTML5的表单考证功效,十分壮大的说。<input>中到场required就成为必填项了,
在pattern中写一个正则表达式,就可以强迫所填格局。上面是一个demo
<form>

<inputplaceholder="必需填3-5位的下划线,数字、字母"requiredpattern="w{3,5}">

<inputtype="submit">

</form>

<scriptsrc="http://code.jquery.com/jquery.js"></script>

<scriptsrc="form.html5.js"></script>

<script>

$("input").bind("invalid",function(e){

alert("毛病,必需填3-5位的下划线,数字、字母");

returnfalse;

});

$("html").submit(function(e){

if(e.isPropagationStopped()){

return;

}

alert("表单乐成提交");

returnfalse;

});

</script>
十分复杂有木有?我们所必要做的只要两步步
1.将考证划定规矩写成正则表达式放在input标签中的pattern属性里
2.jQuery拦阻input的invalid事务
完成这两步,就已能够在古代扫瞄器下完成表单考证了。

可是那末怎样撑持老旧扫瞄器呢?只需增加一行代码
<scriptsrc="form.html5.js"></script>
同时还必要下载这三个文件并确保三个文件在统一目次下。



[*]form.html5.js
[*]form.html5.htc
[*]input.html5.htc
[*]select.htc
(select.htc的用处与表单考证有关.)

当你产生以下情形,能够回帖接洽我



[*]文件部署到服务器情况后生效。
[*]你发明了让表单考证变得更复杂的办法。
</p>
但他也直言说,这就像写软件时,在添加改善的新功能时,难免遭遇稳定性的问题,必须先把问题清除干净,才能推出新产品。

不帅 发表于 2015-1-17 20:08:19

帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。

分手快乐 发表于 2015-2-5 05:36:00

Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。

小妖女 发表于 2015-2-11 07:09:57

不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。

小女巫 发表于 2015-3-2 00:45:22

还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。

若天明 发表于 2015-3-11 03:52:40

HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)

仓酷云 发表于 2015-3-17 22:08:12

您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。

第二个灵魂 发表于 2015-3-17 22:08:13

直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。

变相怪杰 发表于 2015-3-17 22:08:16

时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上

兰色精灵 发表于 2015-3-25 07:40:23

学Dreamweaver技术的过程其实是一个增加信心的过程。
页: [1]
查看完整版本: 来看看:HTML5表单考证功效:撑持老旧扫瞄器