美文网首页
11 js之表单验证

11 js之表单验证

作者: 一枝妖孽 | 来源:发表于2018-06-01 10:56 被阅读0次

JavaScript 表单验证

1 必填(或必选)项目

<html>
<head>
<script type="text/javascript">

function validate_required(field,alerttxt)
{
with (field)
  {
  if (value==null||value=="")
    {alert(alerttxt);return false}
  else {return true}
  }
}

function validate_form(thisform)
{
with (thisform)
  {
  if (validate_required(email,"Email must be filled out!")==false)
    {email.focus();return false}
  }
}
</script>
</head>

<body>
<form action="submitpage.htm" onsubmit="return validate_form(this)" method="post">
Email: <input type="text" name="email" size="30">
<input type="submit" value="Submit"> 
</form>
</body>

</html>

2 E-mail 验证

<html>
<head>
<script type="text/javascript">
function validate_email(field,alerttxt)
{
with (field)
{
apos=value.indexOf("@")
dotpos=value.lastIndexOf(".")
if (apos<1||dotpos-apos<2) 
  {alert(alerttxt);return false}
else {return true}
}
}

function validate_form(thisform)
{
with (thisform)
{
if (validate_email(email,"Not a valid e-mail address!")==false)
  {email.focus();return false}
}
}
</script>
</head>

<body>
<form action="submitpage.htm"onsubmit="return validate_form(this);" method="post">
Email: <input type="text" name="email" size="30">
<input type="submit" value="Submit"> 
</form>
</body>

</html>

相关文章

  • 11 js之表单验证

    JavaScript 表单验证 1 必填(或必选)项目 2 E-mail 验证

  • 工作中用到的前端框架插件

    JQUERY 1、jquery.form.js 表单验证2、jquery.validate form表单输...

  • 表单验证课堂笔记

    饥人谷_李栋 1.远古时期2.JS表单验证3.JQuery表单验证4.input很多5.表单验证的思路 一、远古时...

  • vue-validator

    vue.js用于表单验证的库参考文档

  • 群邮VI - 汇总

    技术组部分 今天一开始讲了用Js来验证表单的方法,但是Js验证表单的话明显是不足的,因为Js的内容是明文的,一旦点...

  • 群邮 VI - 技术组部分

    今天一开始讲了用Js来验证表单的方法,但是Js验证表单的话明显是不足的,因为Js的内容是明文的,一旦点开源码就能看...

  • js表单验证

    数据有效性,安全性验证 3层 客户端 js脚本验证 服务端 java-Servlet 服务器语言 数据库 数据约束...

  • js 表单验证

    1.验证是否邮箱,是返回true,否返回false 2.验证用户名(长度3-20位,只能是字母开头,并且是数字,字...

  • js表单验证

    14/20/24 JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。 被...

  • js表单验证

网友评论

      本文标题:11 js之表单验证

      本文链接:https://www.haomeiwen.com/subject/alphsftx.html