社区
Web 开发
帖子详情
html中如何实现必填项未填无法提交表单
ysrotciv
2013-09-06 05:20:25
本人js和jquery学得不好,希望能给出代码
...全文
1714
2
打赏
收藏
html中如何实现必填项未填无法提交表单
本人js和jquery学得不好,希望能给出代码
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
2 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
quanwe
2013-09-06
打赏
举报
回复
恩..按钮提交的时候调用JS验证方法.验证通过sumbit.不通过就....你懂的.
不会消失的夜晚
2013-09-06
打赏
举报
回复
不要使用submit按钮,使用js来提交表单,submit之前进行必填项校验,遇到不满足条件的,return。
详解AngularJS
实现
表单
验证
开始学习AngularJS
表单
验证: 常用的
表单
验证指令 1.
必
填
项验证 某个
表单
输入是否已
填
写,只要在输入字段元素上添加
HTML
5标记required即可: 复制代码 代码如下:<<input type=”text” required /> 2. 最小长度 验证
表单
输入的文本长度是否大于某个最小值,在输入字段上使用指令ng-minleng= “{number}”: 复制代码 代码如下:<<input type=”text” ng-minlength=”5″ /> 3. 最大长度 验证
表单
输入的文本长度是否小于或等于某个最大值,在输入字段上使用指令ng-maxlength=
不同浏览器对回车
提交
表单
的处理办法
条件是: 在IE和Firefox下 1、<form>属性的“action”字段
必
填
; 2、有一个type=”submit”的“input”。 在Chrome和Safari下 满足第一条即可。(注释1) 所以,如果要控制
提交
行为的话(比如,
提交
前检查
必
填
项是否已
填
),可以在type=”submit”的“input”后添加Javascript“onXXX(比如onClick)”事件。而如果需要用异步交互来检测相关字段,则无效了。因为return false是作为onreadystate=的子函数,并不能控制全局。这时就需要用到<form>的“onsubmit”属性(注释2)。比如:
HTML
功能测试点
软件测试
中
功能测试点总结 软件测试
中
功能测试点总结 1. 页面链接检查:每一个链接是否都有对应的页面,并且页面之间切换正确。可以使用一些工具,如LinkBotPro、File-AIDCS、
HTML
Link Validater、Xenu等工具。LinkBotPro不支持
中
文,
中
文字符显示为乱码;
HTML
Link Validater只能测试以
Html
或者htm结尾的网页链接;Xenu无需安装,支持asp、do、jsp等结尾的网页,xenu测试链接包括内部链接和外部链接,在使用的时候应该注意,同时能够生成
html
格式的测试报告。如果系统用QTP进行自动化测试,也可以使用QTP的页面检查点检查链接。 2. 相关性检查: ? 功能相关性:删除/增加一项会不会对其他项产生影响,如果产生影响,这些影响是否都正确,常见的情况是,增加某个数据记录以后,如果该数据记录某个字段内容较长,可能会在查询的时候让数据列表变形。 ? 数据相关性:下来列表默认值检查,下来列表值检查,如果某个列表的数据项依赖于其他模块
中
的数据,同样需要检查,比如,某个数据如果被禁用了,可能在引用该数据项的列表
中
不可见。 3. 检查按钮的功能是否正确:如新建、编辑、删除、关闭、返回、保存、导入,上一页,下一页,页面跳转,重置等功能是否正确。常见的错误会出现在重置按钮上,表现为功能失效。 4. 字符串长度检查: 输入超出需求所说明的字符串长度的内容, 看系统是否检查字符串长度。还要检查需求规定的字符串长度是否是正确的,有时候会出现,需求规定的字符串长度太短而
无法
输入业务数据。 5. 字符类型检查: 在应该输入指定类型的内容的地方输入其他类型的内容(如在应该输入整型的地方输入其他字符类型),看系统是否检查字符类型。 6. 标点符号检查: 输入内容包括各种标点符号,特别是空格,各种引号,回车键。看系统处理是否正确。常见的错误是系统对空格的处理,可能添加的时候,将空格当作一个字符,而在查询的时候空格被屏蔽,导致
无法
查询到添加的内容。 7.特殊字符检查:输入特殊符号,如@、#、$、%、!等,看系统处理是否正确。常见的错误是出现在% ‘ \ 这几个特殊字符 8.
中
文字符处理: 在可以输入
中
、英文的系统输入
中
文,看会否出现乱码或出错。 9. 检查信息的完整性: 在查看信息和更新信息时,查看所
填
写的信息是不是全部更新,更新信息和添加信息是否一致。要注意检查的时候每个字段都应该检查,有时候,会出现部分字段更新了而个别字段没有更新的情况。 10. 信息重复: 在一些需要命名,且名字应该唯一的信息输入重复的名字或ID,看系统有没有处理,会否报错,重名包括是否区分大小写,以及在输入内容的前后输入空格,系统是否作出正确处理。 11. 检查删除功能:在一些可以一次删除多个信息的地方,不选择任何信息,按“delete”,看系统如何处理,会否出错;然后选择一个和多个信息,进行删除, 看是否正确处理。如果有多页,翻页选,看系统是否都正确删除,并且要注意,删除的时候是否有提示,让用户能够更正错误,不误删除。 12. 检查添加和修改是否一致: 检查添加和修改信息的要求是否一致,例如添加要求
必
填
的项,修改也应该
必
填
;添加规定为整型的项,修改也必须为整型. 13. 检查修改重名:修改时把不能重名的项改为已存在的内容,看会否处理,报错.同时,也要注意,会不会报和自己重名的错. 14. 重复
提交
表单
:一条已经成功
提交
的纪录,返回后再
提交
,看看系统是否做了处理。对于Web系统来说,可以通过浏览器返回键或者系统提供的返回功能。 15. 检查多次使用返回键的情况: 在有返回键的地方,返回到原来页面,重复多次,看会否出错。 16. 搜索检查: 有搜索功能的地方输入系统存在和不存在的内容,看搜索结果是否正确.如果可以输入多个搜索条件,可以同时添加合理和不合理的条件,看系统处理是否正确,搜索的时候同样要注意特殊字符,某些系统会在输入特殊字符的时候,将系统
中
所有的信息都搜索到。 17. 输入信息位置:注意在光标停留的地方输入信息时,光标和所输入的信息会否跳到别的地方。 18. 上传下载文件检查:上传下载文件的功能是否
实现
,上传文件是否能打开。对上传文件的格式有何规定,系统是否有解释信息,并检查系统是否能够做到。下载文件能否打开或者保存,下载的文件是否有格式要求,如需要特殊工具才可以打开等。上传文件测试同时应该测试,如果将不能上传的文件后缀名修改为可以上传文件的后缀名,看是否能够上传成功,并且,上传文件后,重新修改,看上传的文件是否存在。 19.
必
填
项检查:应该
填
写的项没有
填
写时系统是否都做了处理,对
必
填
项是否有提示信息,如在
必
填
项前加“*”;对
必
填
项提示返回后,焦点是否会自动定位到
必
填
项。 20. 快捷键检查:是否支持常用快捷键,如Ctrl+C、 Ctrl+V、 Backspace等,对一些不允许输入信息的字段,如选人,选日期对快捷方式是否也做了限制。 21. 回车键检查: 在输入结束后直接按回车键,看系统处理如何,会否报错。这个地方很有可能会出现错误。 22.刷新键检查:在Web系统
中
,使用浏览器的刷新键,看系统处理如何,会否报错。
网页设计-期末作业(含文档) 技术栈
HTML
5 CSS3 JavaScript jQuery Boostrap3
期末作业要求【本次作业占本门课40%成绩】 1.使用boostrap框架制作两个网页(可以使用其他框架) index.
html
50%:布局合理美观大方。 getIn.
html
50%:
表单
元素灵活应用,验证。 2.index.
html
制作一个网站的首页可以类似学校的官网,也可以制作个人介绍的网页。期
中
包含一个链接是“加入我们”,超链接到getIn.
html
3.getIn.
html
是一个信息
提交
网页 A.收集信息:"姓名(文本框)、 性别(单选按钮) 、身份证号码(文本框)、出生年月日(datetimepicker)、民族(boostrap-select)、手机号码(文本框)、政治面貌(boostrap-select,下来菜单)、毕业学校(文本框)、专业(文本框)、兴趣爱好(复选框)、个人介绍(文本域)。 B.使用到boostrap-validation做验证 所有项目验证
必
填
。 姓名,验证:
中
文 手机号码,验证:11位 纯数字 身份证号码,验证:18位 只能是数字和X 兴趣爱好,验证:至少选择两项 4.所有文件放在一个压缩包
中
,压缩包名称 XXX
AngularJs
表单
验证实例代码解析
常用的
表单
验证指令如下详情: 1.
必
填
项验证 某个
表单
输入是否已
填
写,只要在输入字段元素上添加
HTML
5标记required即可: <input type=text required /> 2. 最小长度 验证
表单
输入的文本长度是否大于某个最小值,在输入字段上使用指令ng-minleng= “{number}”: <input type=text ng-minlength=5 /> 3. 最大长度 验证
表单
输入的文本长度是否小于或等于某个最大值,在输入字段上使用指令ng-maxlength=”{number}”: <input type=text ng-maxlengt
Web 开发
81,091
社区成员
341,718
社区内容
发帖
与我相关
我的任务
Web 开发
Java Web 开发
复制链接
扫一扫
分享
社区描述
Java Web 开发
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章