javaScript中表单的验证
2015-08-12 11:47
495 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript">
function test()
{
if(document.a.dh.value.length>20)
{
alert("不能超过50个字符");
document.a.b.focus();
return false;
}
}
</script>
<title></title>
</head>
<body>
<form name=a onsubmit="return test()">
<textarea name="dh" cols="40" wrap="VIRTUAL" rows="6"></textarea>
<input type="submit" name="Submit" value="check">
</form>
</body>
</html>
<!-- 在这程序中我了解了document这个对象,是指的我们所写的HTML文档
对于HTML文档中的元素当有名字的时候,就可以使用这个地方的用.加名字对于每
form名字下 的目录我们还是能够利用.+名字来引出,其实这个程序很好的介绍
了属性那么的使用的方法我们可以利用name来获得表单中的数据的输入信息
进而对输入的数据进行检验,看来检验是离不开name这个属性的,当然还有对document这个对象的了解,还有对html文档中元素和属性之间的一个关系我们在
form中的input这个创建的按钮,其实form里面的文本输入之间也有联系,比如这个地方我们将文本输入框下面写一个input这样当我们点击按钮的时候就可以直接的
进入将文本框中输入的信息进行提交,这其实就是进行表单检验 -->
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript">
function test()
{
if(document.a.dh.value.length>20)
{
alert("不能超过50个字符");
document.a.b.focus();
return false;
}
}
</script>
<title></title>
</head>
<body>
<form name=a onsubmit="return test()">
<textarea name="dh" cols="40" wrap="VIRTUAL" rows="6"></textarea>
<input type="submit" name="Submit" value="check">
</form>
</body>
</html>
<!-- 在这程序中我了解了document这个对象,是指的我们所写的HTML文档
对于HTML文档中的元素当有名字的时候,就可以使用这个地方的用.加名字对于每
form名字下 的目录我们还是能够利用.+名字来引出,其实这个程序很好的介绍
了属性那么的使用的方法我们可以利用name来获得表单中的数据的输入信息
进而对输入的数据进行检验,看来检验是离不开name这个属性的,当然还有对document这个对象的了解,还有对html文档中元素和属性之间的一个关系我们在
form中的input这个创建的按钮,其实form里面的文本输入之间也有联系,比如这个地方我们将文本输入框下面写一个input这样当我们点击按钮的时候就可以直接的
进入将文本框中输入的信息进行提交,这其实就是进行表单检验 -->
相关文章推荐
- D3.js以及通用JS(JavaScript)读取并解析服务器端JSON的注意事项
- js获取当前域名、Url、相对路径和参数
- 在C#中调用VBScript和JavaScript等脚本的实现
- javascript实现点击单选按钮链接转向对应网址的方法
- FastJson生成和解析JSON数据
- JavaScript设计模式与开发实践
- 02_08 JSP内置对象之Web安全性及config对象
- JSON的三种解析方式
- javascript代码是否有保密性?
- javascript后台运行效率是否比较低?
- js获取图片原始大小
- JavaScript技巧手册
- JavaScript 函数 对象 数组
- JavaScript 函数 对象 数组
- 在项目中使用ExtJS
- JavaScript多线程详解
- 如何在servlet中将数据封装成JSON格式之后传到前台
- extjs type类型
- javascript实现在下拉列表中显示多级树形菜单的方法
- JavaScript快速掌握