超级缩水JavaScript教程(原创)

本文介绍JavaScript在客户端进行表单验证的基本方法。通过定义事件处理程序,实现对输入字段的检查,确保用户正确填写表单。文章包含一个示例脚本,演示如何阻止无效表单提交。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

对于我们JAVA程序员来说,脚本JS是很重要的,我想,用得最频繁和常见的无非就是在客户端的验证功能了,那么我们就以这个来学习JS吧。

主要关心的是事件,事件对象的驱动,JS是基于对象的语言,这与面向对象的JAVA是不同的,意思是只要事件驱动(鼠标或者热键引发)发生就做出反应(调用相对应的函数)下面给出几个概念:

事件:鼠标或热键的动作  

事件驱动:鼠标或热键引发的一连串程序动作

事件处理程序:对事件进行处理的程序

验证呢,其实主要是相对于我们的表单里面的内容,我想程序员都知道,按了确定按钮后表单里面的数据将会提交给相应的CGI来处理,其实这里涉及到了一个条件,就是表单里面的onSubmit属性值为true,如果false的话那就不提交,所以JS脚本也是在这里做功能的,下面是个较为常用的验证方法:

<script language="JavaScript" type="text/JavaScript">
function check_form(theform)      
{
   if (theform.text.value=="")
   {
    alert("您还没留下您的意见呢!");
    theform.text.focus();
    return false;
   }
   if (theform.title.value=="")
   {
    alert("请留下您意见的主题!");
    theform.title.focus();
    return false;
   }
   if (theform.name.value=="")
   {
    alert("请输入您的大名!");
    theform.name.focus();
    return false;
   }
   }
</script>

 

。。。。。

<form name="form1" method="post" action="act.jsp" onSubmit="return check_form(this)">注意这里的onSubmit="return check_form(this),当我们填好表单点击确定后就调用这个JS方法(程序)

以下就是表单的代码了,就这么简单。

这里说下如何引用对象(主要是文档对象document):documents.fromName.textName.value="***";

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值