您的位置：首页 > 其它

一个简单的表单验证

2012-11-01 14:22 204 查看

1,一个简单的表单验证

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

<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>


2，with用法

with 语句可以方便地用来引用某个特定对象中已有的属性，但是不能用来给对象添加属性。

类似于C#中using 某命名空间后可直接使用其中的对象。

3，action

在js中,form中的onsubmit和action的区别:
onsubmit="函数名",提交一个函数,执行当前的这个函数,点击<input type="submit" name ="submit"/>要执行的函数。

action="新的网页名", 转到一个新页面执行操作,一般是点击<input type="button" />要执行的页面操作。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航