表单用submit提交前增加校验

访客8年前 (2017-06-15)javaScript3251


有时由于各种原因 input 必须用submit类型提交,在表单提交前增加校验。

直接附代码

 <HTML>
      <head>
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      </head>
      <BODY>
          <form action="http://www.swzhinan.com" onsubmit="return saveBefore()">
              <input type="text" id="aa">
              <input type="submit" id="submit" value ="提交"/>
          </form>
     </BODY>
         <script language="javascript">
             function saveBefore(){
                 var val = document.getElementById("aa").value;
                 alert(val);
                 if(val == "true"){
                     alert("校验成功,之后可进行提交");
                     return true;
                 }
                 else{
                     alert("校验失败,请重新填写再提交");
                     return false;
                 }
             }
     </script>
 </HTML>

本文原创,转载必追究版权。

分享给朋友:

相关文章

坑爹的ShowModalDialog 后台传值解决方案

 今天遇到需要ShowModalDialog打开页面,通过acceptanceIds 参数值后台过滤出相应结果前台  var url = "loadAccept...

js/jquery 日历控件及实例下载

js/jquery 日历控件及实例下载

实现日历控件效果:页面:<link href="${base}/resource/${profile.path}/css/lhgcalendar.css" rel="...

js/jquery 实现点击图片更换头像(图片)实例

    总之一句话, 可以先将 file类型 的input 隐藏 起来,通过 图片(头像)的onclick事件 来触发 file 的onclick事件。1.引入外部js:...

js控制文本域textarea 剩余可填字符显示

Html部分:<span class="remo"><div>还可以输入<span style="font-family: Georgia;...

Jfinal+Jquery uploadify实现多文件上传实例

Jfinal+Jquery uploadify实现多文件上传实例

包文件外部jar包jfinal-2.0-bin-with-src.jar(JFinal核心包)  fastjson-1.2.7.jar(用于json数据的处理)  cos-26De...

Jfinal +百度WebUploader组件实现多图片上传实例

Jfinal +百度WebUploader组件实现多图片上传实例

百度 Web Uploader文档的getting-started文档说明太简单,没有写全,在这里给大家补全($list会报没有定义,文档中确实没给定义)效果:有用部分外部jar包jfinal-2.0...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。