Javascript实现表单校验 |
您所在的位置：网站首页 › 身份证号不能为空怎么办 › Javascript实现表单校验 |
Javascript实现表单校验
|
目录
一、JavaScript表单校验 二、提交表单的两种方式 （1）通过向form标签中添加onsubmint事件实现表单提交 （2）通过向标签中添加onclick事件触发js函数以提交表单 一、JavaScript表单校验表单校验，时HTML网页中常常会用到的一个功能，例如，在HTML页面中实现登录功能，登录成功后跳转，这就需要用到表单校验，再或者，在HTML网页中插入一个调查表，但调查表中某些内容不能为空，需要填写内容方可提交。 二、提交表单的两种方式 （1）通过向form标签中添加onsubmint事件实现表单提交代码示例： function check(){ var inputElement = document.getElementById("user_name"); if(inputElement.value==""){ alert("请输入用户名");//当用户名为空时，弹出警告 return false;//将onsubmint值置为false，即用户名为空时无法提交 } inputElement = document.getElementById("password"); if(inputElement.value==""){ alert("请输入密码");//当密码为空时，弹出警告 return false;//将onsubmint值置为false，即密码为空时无法提交 } return true; }页面效果如下：
用户名为空时，点击提交：
密码为空时，点击提交：
提交成功，则跳转到百度界面。 （2）通过向标签中添加onclick事件触发js函数以提交表单代码示例： html代码： i{ font-style: normal; cursor: pointer; color: gainsboro; background-color: brown; border: 1px,solid,rosybrown ; display: inline-block; height: 30px; width: 60px; text-align: center; line-height: 30px; } 男女 --请选择-- 一年级 二年级 登录 重置 document.getElementById("reset").addEventListener("click",function(){ document.getElementById("login").reset(); });js代码： function check(){ var inputElement = document.getElementById("user_name"); if(inputElement.value==""){ alert("请输入用户名"); return; } inputElement = document.getElementById("password"); if(inputElement.value==""){ alert("请输入密码"); return; } var inputElements = document.getElementsByName("sex"); var flag = 0; for(var i = 0;i |
【本文地址】
今日新闻 |
推荐新闻 |