动若狡兔,静如处子

by doctor

统计

留言簿

阅读排行榜

评论排行榜

JS表单提交验证

  遇到过几次表单提交前做验证的需求,在这里整理一下:
   web开发前端的话表单验证非常常见,当存在<input type='submit' name=""></>   的时候不论你把事件注册到click还是注册到form的submit上在拦截提交请求后无法中断form的提交;可以用<input type='button' name=''></> 来替换<input type='submit' name=""></> 在JS验证后用document.form.submit()完成提交
  完整代码如下(调用的yahooYUI):
  <form name="templateForm" method="POST">
       <input type="hidden" name="event_submit_do_add" value=""/>
       <input type="hidden" name="event_submit_do_update" value=""/>
      ------------------------
       #if("$templateId"=="0")
       <input type="button" name="J_Add" id="J_Add" class="J_Submit" value="保存" style="margin:0 10px;padding:0 5px;"/>
      #else
       <input type="button" name="J_Update" id="J_Update" class="J_Submit" value="修改" style="margin:0 10px;padding:0 5px;"/>
       #end
  </form>

<script language='text/javascript'>

var Y = YAHOO.util, D = Y.Dom, E = Y.Event;
 E.on("J_Add","click",function(evt){
  if(“验证条件")
  {
    alter("提示内容");
    return;
   }
  document.templateForm.event_submit_do_add.value="submit";
  document.templateForm.submit();
 });

 E.on("J_Update","click",function(evt){
  if(“验证条件")
  {
    alter("提示内容");
    return;
   }
  document.templateForm.event_submit_do_update.value="submit";
  document.templateForm.submit();
 });

 

</script>

posted on 2011-11-03 13:25 doctor 阅读(4707) 评论(5)  编辑  收藏 所属分类: 工作笔记

评论

# re: JS表单提交验证[未登录] 2012-03-29 18:05 123

123456  回复  更多评论   

# re: JS表单提交验证 2012-08-09 16:05 速度富

发  回复  更多评论   

# hjkjk 2012-12-12 10:06 saafsdf

asdfasdfdasf  回复  更多评论   

# re: JS表单提交验wdwd证 2013-05-27 21:53 wdw

wdwdw  回复  更多评论   

# re: JS表单提交验证 2014-12-01 10:47 啊啊啊

啊电风扇  回复  更多评论   


只有注册用户登录后才能发表评论。


网站导航: