WordPress企业主题定制/开发/优化

js表单验证的使用方法完全教程

首页 » 精选JS » js表单验证的使用方法完全教程

js表单验证的使用方法完全教程:

本文介绍了如何使用JS验证表单的常用方法。适用于初学者。高手们不要见笑。

我们以一个最简单的实例来说明(添加产品时产品名称不能为空):

1. 首先要一个表单,表单的名称为form.下是代码:

<form action="upload.php" method="post" name="form1" id="form1" onSubmit="return checkform();"></form>

说明:
action定义了添加到数据库的后台处理程序的文件名。
method定义了表单提交的方式,可以为post和get两种。
name定义了表单名称。
onsubmit定义了验证表单是否且法的JS函数。这个函数的写法我们以下会说明。

2. 在</form>之前放置一个文本框,命名为product_name。

3. 写JS的checkform函数:

<script language=javascript>
function checkform()
{
if(document.form1.product_name.value=="")
{
alert("请输入产品名称");
form1.product_name.focus();
return false;
}
return true;
}
</script>

这样子这个简单的验证表单就可以运行 了。
你可以基于此方法使用到其它需要的地方。举一反三嘛。

分类与标签:

精选JS

相关项目

  • WordPress外贸企业主题

  • 最近更新

  • 热门标签