从品牌网站建设到网络营销策划,从策略到执行的一站式服务
小编给大家分享一下JavaScript表单验证不成功不能提交怎么办,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站制作、做网站、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的邵武网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!一、基本目标
一个表单认证页,如果输入的用户名超过10位则会立即在输入框旁边弹出提示:
如果密码少于6位,而且两次输入密码不一致同样弹出提示,
如果你没有勾选阅读条款的复选框,同样会弹出提示
知道你所有的项目满足设定的条件之前,提交按钮无效。
满足设定条件,表单通过get的方法提交。
二、制作过程
整个页面的代码如下:
formcheck
下面一个一个函数进行说明:
1.先完成html页面的表单部分,也就是整个页面主体
部分每一个表单的都分别设置了id与name,id是给上面的js函数getelementbyid使用的,name是给action的get方法使用。
onchange()是当用户输入完毕,元素改变之后才js的函数调用,onkeyup是完成一个字母输入就进行js函数调用,那当然选择前者。
总表单的提交是首先要通过onsubmit()方法的判断,如果这个onsubmit()的真值不为真,就不让提交,一般这个值默认为真,表单是无条件就条件,所以我们要让其返回check()所返回的值,看看此表单是否被允许调教
2.JS函数,也就是
头的