表单验证

用html5自带表单验证 并且用ajax提交的解决方法(附例子)

匿名 (未验证) 提交于 2019-12-02 20:32:16
用submit来提交表单,然后在 js 在标准浏览器中,阻止浏览器默认行为使用event.preventDefault(),而在IE6~8中,使用returnValue属性来实现。 <html> <head> <script type="text/javascript" src="jquery-1.9.0.min.js"></script> </head> <body> <form action="" id='submitform'> username: <br> <input type="text" name="username" value="" required="required"> <br> password: <br> <input type="text" name="password" value="" required="required"> <br><br> <input type="submit" value="Submit"> </form> <script type="text/javascript" language="javascript"> $("#submitform").on("submit", function(event) { $.ajax({ ...... }); //阻止submit表单提交 event.preventDefault();

HTML表单――form元素

匿名 (未验证) 提交于 2019-12-02 20:32:16
表单是网页与用户的交互工具,由一个<form>元素作为容器构成,封装其他任何数量的表单控件,还有其他任何<body>元素里可用的标签 form元素 表单名称 <form method="get" action="form.php" name="test"></form> <script> var oForm = document.forms.test; console.log(oForm.method);//get </script> 字符集 提交地址 打开方式 blank、 self、 parent、 top、framename。 数据编码 数据发送 POST方法 【应用场景】 GET方法 【应用场景】 <h3>get方法</h3> <form method="get" action="form.php" target = "_blank"> <p><label>x:<input name="x"></label></p> <p><label>y:<input name="y"></label></p> <p><button type="submit">Submit</button></p> </form> <a title="form.php?x=28&y=66" href="form.php?x=28&y=66">a标签传参</a> <h3>post方法</h3> <form

html

匿名 (未验证) 提交于 2019-12-02 20:32:16
HTML文档结构 <!DOCTYPE html> <html lang="en"> # 设置为中文:lang="zh-CN" <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body> </heml> <head> 定义了HTML文档的开头部分。它们之间的内容不会在浏览器的文档窗口显示。包含了文档的元(meta)数据。 <title> 定义了网页标题,在浏览器标题栏显示。 <body> 之间的文本是可见的网页主体内容 属性 id:定义标签的唯一ID,HTML文档树中唯一 class:为html元素定义一个或多个类名(classname)(CSS样式类名) style:规定元素的行内样式(CSS样式) <head></head>内常用标签 <title></title> :定义网页标题 <style></style> :定义内部样式表 <script></script> :定义JS代码或引入外部JS文件 <link/> :引入外部样式表文件 <meta/> :定义网页原信息 <!--2秒后跳转到对应的网址,注意引号--> <meta http-equiv="refresh" content="2;URL=https://www.oldboyedu.com"> <!--指定文档的编码类型-->

H5表单新特性

北慕城南 提交于 2019-12-02 16:54:33
1.HTML5表单新特性之——新的input type <input type=" "> HTML5之前已有的input type: text、password、radio、checkbox、file、submit、reset、button、image、hidden HTML5新增的input type: 1.Email:邮件输入域,在表单提交时提供简单的邮箱格式验证,并弹出一个提示矿口(可定制内容不能定制样式) <input type="email"> 2.url:URL地址输入域。在表单提交时提供简单的URL地址格式验证,并弹出一个提示窗口 <input type="url"> 3.number:数字输入域,在表单提交时提供简单的数字格式验证,并弹出一个提示窗口 <input type="number" min="" max="" step=""> 4.tel:电话号码输入域,在手机浏览器中弹出数字键盘 <input type="tel"> 5.search:搜索输入域,在手机浏览器中右下角呈现搜索按键 <input type="search"> 6.range:范围选择控件,帮助用户在一定范围内选择一个数字 <input type="range" min="" max="" step=""> (7)color:颜色选择控件,浏览器并未自己实现颜色选择框

文档对象模型 DOM

时间秒杀一切 提交于 2019-12-02 16:52:42
目录 文档对象模型 DOM 1、DOM概述 1-1 什么是DOM 12 DOM分类 1-3 DOM分级 1-4 DOM树 2、节点 2-1 什么是节点 2-2 节点的分类 23 节点属性 3、获取元素对象 4、文档结构和遍历文档 4-1 节点关系 4-2 作为节点树的文档 4-3 作为元素树的文档 5、属性 5-1 HTML标签的属性和元素对象的属性 5-2 获取和设置非标准的HTML属性 5-3 作为Attr节点的 6、元素的内容 6-1 作为HTML的元素内容 6-2 作为纯文本的元素内容 6-3 作为Text节点的元素内容 7、创建、插入、删除 节点 7-1 创建节点 7-2 插入节点 7-3 删除节点 7-4 替换节点 7-5 克隆节点 7-6 DocumentFragment 8、元素的尺寸、位置、滚动 8-1 元素坐标 8-2 判定某个元素在某点 8-3 查询元素的几何尺寸 8-4 滚动 9、Document对象 9-1 属性 9-2 方法 10、HTML表单中的相关对象 10-1 选取表单和表单元素 10-2 表单和表单元素的属性 10-3 from对象 10-4 按钮(button submit reset)对象 10-5 单选复选 10-6 文本(input textarea) 10-7 select对象 11、Table中相关对象 11-1 table对象 11

利刃 MVVMLight 5:绑定在表单验证上的应用

喜你入骨 提交于 2019-12-02 15:58:56
原文: 利刃 MVVMLight 5:绑定在表单验证上的应用 表单验证是MVVM体系中的重要一块。而绑定除了推动 Model-View-ViewModel (MVVM) 模式松散耦合 逻辑、数据 和 UI定义 的关系之外,还为业务数据验证方案提供强大而灵活的支持。 WPF 中的数据绑定机制包括多个选项,可用于在创建可编辑视图时校验输入数据的有效性。 常见的表单验证机制有如下几种: 验证类型 说明 Exception 验证 通过在某个 Binding 对象上设置 ValidatesOnExceptions 属性,如果源对象属性设置已修改的值的过程中引发异常,则抛出错误并为该 Binding 设置验证错误。 ValidationRule 验证 Binding 类具有一个用于提供 ValidationRule 派生类实例的集合的属性。这些 ValidationRules 需要覆盖某个 Validate 方法,该方法由 Binding 在每次绑定控件中的数据发生更改时进行调用。 如果 Validate 方法返回无效的 ValidationResult 对象,则将为该 Binding 设置验证错误。 IDataErrorInfo 验证 通过在绑定数据源对象上实现 IDataErrorInfo 接口并在 Binding 对象上设置 ValidatesOnDataErrors 属性

使用dreamweaver设计后台主页面

左心房为你撑大大i 提交于 2019-12-02 15:47:59
dreamweaver设计后台主页面,必须是建立动态网站项目,是创建一个通用型动态网站的后台管理页面,即通过该页面对前台的注册用户、新闻发布、投票调查、留言和通讯录进行管理。包括管理员用户登录页面和后台首页,前者主要涉及表单的插入和管理员的身份验证,后者涉及防止非法用户直接输入网址恶意登录和退出时注销用户的问题。 一个后台管理员用户登录流程如图: .创建后台管理员用户登录页面 右单击站点中的admin文件夹,选择【新建文件】,在该文件夹下创建AdminLogin.asp和ReAdminLogin.asp文件。 打开AdminLogin.asp文件,在设计视图中插入表单,表单的名称为form1,对ReAdminLogin.asp文件进行同样的操作。 将光标定位在表单中,插入一个4行2列的表格,完成用户登录界面设计,如图8-2-2所示。修改用户名和密码文本框名称,分别改为Aname和Apass。类似完成当用户名或密码输入错误时的重新登录页面。 在【服务器行为】面板中单击【用户身份验证】→【登录用户】命令。该具体步骤及说明请参考项目2中任务3的相关内容,在此不再赘述。第一次登录与第二次登录的操作步骤类似,该操作步骤的部分截图如图: 下面,结合其中相关选项说明用户登录的流程。 为文件中插入"登录用户"时,如图8-2-3所示。(1)图①处标识了:"当管理员用户第一次登录时

vue中使用iview表单验证时this指针问题

核能气质少年 提交于 2019-12-02 15:41:22
需求 使用iview,在提交时对值b进行验证,使其不能大于值a 实现 <Form ref="config" :model="config" :rules="configRules" label-position="right" inline > <FormItem prop="a" label="值a:" :label-width="86"> <i-input v-model="config.a"></i-input> </FormItem> <FormItem label="值b:" :label-width="100"> <FormItem prop="b"> <i-input v-model="config.b"></i-input> </FormItem> </FormItem> <FormItem :label-width="20"> <Button type="primary" @click="putConfig">提交</Button> </FormItem> </Form> export default { name: "Config", data() { return { config: { a: undefined, b: undefined }, configRules: { b: [ { trigger: "blur", validator(rule,

Angular表单

 ̄綄美尐妖づ 提交于 2019-12-02 15:13:23
Simple form <form novalidate class="simple-form"> <label>Name:<input type="text" ng-model="user.name"/> </label><br> <label>E-mail:<input type="email" ng-model="user.email"/> </label><br> <input type="button" ng-click="reset()" value="Reset"/> <input type="button" ng-click="update(user)" value="Save"/> <pre>user = {{user | json}}</pre> <pre>master = {{master | json}}</pre> </form> 请注意,该选项novalidate用于禁用浏览器的本机表单验证。 ng-model 除非通过输入字段的验证,否则不会设置值。例如:类型的输入email必须具有形式的值user@domain。 使用CSS类 像 AngularJS 中一样,Angular 会自动把很多控件属性作为 CSS 类映射到控件所在的元素上。你可以使用这些类来根据表单状态给表单控件元素添加样式。目前支持下列类: .ng-valid:模型有效 .ng

HTTP消息头详解

混江龙づ霸主 提交于 2019-12-02 11:11:33
但凡搞WEB开发的人都离不开HTTP(超文本传输协议),而要了解HTTP,除了HTML本身以外,还有一部分不可忽视的就是HTTP消息头。做过Socket编程的人都知道,当我们设计一个通信协议时,“消息头/消息体”的分割方式是很常用的,消息头告诉对方这个消息是干什么的,消息体告诉对方怎么干。HTTP传输的消息也是这样规定的,每一个HTTP包都分为HTTP头和HTTP体两部分,后者是可选的,而前者是必须的。每当我们打开一个网页,在上面点击右键,选择“查看源文件”,这时看到的HTML代码就是HTTP的消息体,那么消息头又在哪呢?IE浏览器不让我们看到这部分,但我们可以通过截取数据包等方法看到它。下面就来看一个简单的例子: 首先制作一个非常简单的网页,它的内容只有一行: <html><body>hello world</body></html> 把它放到WEB服务器上,比如IIS,然后用IE浏览器请求这个页面( http://localhost:8080/simple.htm ),当我们请求这个页面时,浏览器实际做了以下四项工作: 1、解析我们输入的地址,从中分解出协议名、主机名、端口、对象路径等部分,对于我们的这个地址,解析得到的结果如下:   协议名:http   主机名:localhost   端口:8080   对象路径:/simple.htm 2、把以上部分结合本机自己的信息