prototype1.5应用--简单的表单提交验证

wl076

于 2007-04-19 10:42:00 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

文章标签： prototype javascript div input button function

本文链接：https://blog.youkuaiyun.com/wl076/article/details/1570166

本文介绍了一个使用Prototype 1.5进行表单验证的简单示例。该示例包括两个字段：姓名和密码，如果这些字段为空，则显示错误消息并阻止表单提交。

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

prototype1.5应用--简单的表单提交验证

  
   
    JAVASCRIPT ::
   
   
    function aaa(){ 
       if($F('name')==""){ 
              new Element.update("div1","<div>没有输入姓名</div>"); 
              new Field.focus("name"); 
              return false; 
       }else new Element.update("div1",""); 
       if($F('pass')==""){ 
              new Element.update("div2","<div>没有输入密码</div>"); 
              new Field.focus("pass"); 
              return false; 
       }else new Element.update("div2",""); 
       new Form.disable('mf'); 
}

   

  

  

   
    HTML ::
   

   

    <script language="javascript" src="prototype.js"></script> 
  
<form id="mf"> 
<input type="text" id="name"><div id="div1"></div> 
<input id="pass" type="password"><div id="div2"></div> 
<input type="button" onclick="javascript:aaa();" value="提交"> 
<input type="button" onclick="javascript:new Form.reset('mf');" value="重置"> 
</form