教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 JS表单提交验证实现代码

JS表单提交验证实现代码

发布时间:2015-05-21   编辑:jiaochengji.com
本文介绍下js实现表单提交验证的一段代码,有需要的朋友参考下。

web开发前端的话表单验证非常常见,当存在<input type='submit' name=""></> 时不论你把事件注册到click还是注册到form的submit上在拦截提交请求后无法中断form的提交;
可以用<input type='button' name=''></> 来替换<input type='submit' name=""></> 在JS验证后用document.form.submit()完成提交
完整代码:
 

复制代码 代码示例:

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

您可能感兴趣的文章:
常用js验证代码大全(Email、手机号码、身份证号码、文件类型等)
JS表单提交验证实现代码
表单验证插件 jQuery formValidator
JavaScript 提交表单的实例分享
用PHP实现验证码功能
Jquery Validation插件防止重复提交表单的解决方法
Javascript 同时提交多个Web表单实现方法
js能用php代替吗
jquery中使用$(#form).submit()重写提交表单无效原因分析及解决
一个php表单字段格式验证类

[关闭]
~ ~