Document

用户名:
密    码:
验证码:

var userName=document.getElementById("userName");

var password=document.getElementById("userPwd");

var yzm=document.getElementById("yzm");

// yanzhengma.innerHTML=Math.floor( Math.random()*9000 )+1000;//验证码四位数

var str1="ashduehdue7838455sssd";

var str="";

for(var i=0;i<4;i++){

str+=str1[Math.floor( Math.random()*str1.length )]

}

yanzhengma.innerHTML=str;

var btn=document.getElementById("btn");

// var yanzhengma=document.getElementById("yanzhengma");

btn.οnclick=function(){

if(userName.value=="admin"){

if(password.value=="admin"){

if(yzm.value==yanzhengma.innerHTML){

alert("输入正确")

}

else{

alert("验证码错误")

}

}

else{

alert("密码错误")

}

}

else{

alert("用户名错误")

}

}

一键复制

编辑

Web IDE

原始数据

按行查看

历史

html的表单图形验证码怎么做,form表单验证加验证码.html相关推荐

  1. 表单ajax提交插件,jQuery Form 表单提交插件-----ajaxSubmit() 的应用

    Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程. 测试环境:部署到Tomcat中的web项目. 一.ajaxSubmit() 介绍 立即通过AJA ...

  2. django ajax form表单,Django学习系列之Form表单和ajax(示例代码)

    昵       称: 生       日: 性       别:     男 女 地       址: 手  机  号: 邮       箱: [修改] {% csrf_token %}$(\'#js ...

  3. html表单通过js提交表单提交,JavaScript动态创建form表单并提交的实现方法

    本文实例讲述了JavaScript动态创建form表单并提交的实现方法.分享给大家供大家参考,具体如下: 页面布局有些复杂的情况下,可能需要在页面中动态创建一个 form,JavaScript 创建 ...

  4. 小程序提交表单mysql_微信小程序form表单提交到MYSQL实例(PHP)

    小程序相对于之前的WEB+PHP建站来说,个人理解为只是将web放到了微信端,用小程序固定的格式前前端进行布局.事件触发和数据的输送和读取,服务器端可以用任何后端语言写,但是所有的数据都要以JSON的 ...

  5. php ajax form表单提交,Ajax方法实现Form表单提交的方法

    这次给大家带来Ajax方法实现Form表单提交的方法,Ajax方法实现Form表单提交的注意事项有哪些,下面就是实战案例,一起来看一下. 写在前面的话 在使用form表单的时候,一旦点击提交触发sub ...

  6. ajax提交form表单到php,ajax如何提交form表单数据?ajax提交form表单数据的方法介绍...

    对于form表单数据的提交,我们一般都会想到使用ajax提交,那么,ajax如何来提交form表单数据呢?接下来的这篇文章就来给大家来介绍关于ajax提交form表单数据方法,有需要的伙伴可以参考一下 ...

  7. html表单记住密码按钮,js form表单提交,浏览器记住密码后自动填充

    1.场景描述 用form表单实现的页面搜索,第一次搜索点击提交之后手机浏览器会提示保存用户名和密码,点了保存之后,再次进入这个页面这些值会直接在页面上,将input的值删除之后,点击搜索提交之后这些值 ...

  8. 表单必填标星_怎么用JS做form表单验证,要详细代码,求救!(带星号的是必填项)...

    匿名用户 1级 2014-06-17 回答 举个例子吧: <input type="text" id="telephone" > <input ...

  9. angular4更改表单中显示的值_angular4 Form表单相关

    ng4中,有两种方式去声明一个表单 一:Template-Driven Forms - 模板驱动式表单   [引入FormsModule] 1.ngForm赋值[可以方便的获取表单的值] name=' ...

最新文章

  1. python文件IO操作
  2. 【WebRTC---进阶篇】(一)服务器基础编程
  3. mysql有nvarchar类型_mysql如何处理varchar与nvarchar类型中的特殊字符
  4. python迭代器使用_Python迭代器的用法
  5. 【报告分享】管理者实效管理工具包:用最佳策略和资源留住您最优秀的人才.pdf...
  6. 《深入理解Spark:核心思想与源码分析》——1.3节阅读环境准备
  7. 翻译记忆软件-塔多思TRADO经典教程_5
  8. 富士通陆宇澄:下半年推出主流价位超极本
  9. plc顺序控制设计法是什么?
  10. html泰勒展开,常见的泰勒公式展开式大全
  11. 更改绩效管理流程的5个步骤
  12. It was possible to detect the usage of the deprecated TLSv1.0 and/or TLSv1.1 protocol on this system
  13. 万能密码为什么能成功
  14. HTML5 —新增标签
  15. 技术流乱入拜年帖 - 小鸡吉吉和小象(PostgreSQL)Pi吉的鸡年传奇
  16. 哲哲打游戏(读清题意)
  17. anaconda 创建虚拟环境、激活,使用的基本方法及安装包的基本方法
  18. EBAZ4205 ZYNQ 7Z010原始LINUX系统的修改与使用
  19. pandas索引和选择
  20. RK3229方案测评 RK3299方案设计定制 RK3299方案开发板 RK3229智能音响

热门文章

  1. 1.5 Double类
  2. 笔趣看小说全部章节爬取实战
  3. 1107 Social Clusters (30 分)【难度: 中 / 知识点: 并查集】
  4. Redis的Set操作
  5. python控制电机_树莓派Python控制步进电机
  6. 我这样写代码,比直接使用 MyBatis 效率提高了 100 倍
  7. 你所需要的java异常的处理和设计及深入理解,看这篇就差不多了
  8. 蓝桥杯-2的次幂表示(java)
  9. {网络编程}和{多线程}应用:基于UDP协议【实现多发送方发送数据到同一个接收者】--练习
  10. oracle 11g libclntsh.so.10.1,cx_Oracle找不到libclntsh.so.10.1错误