表单用submit提交前增加校验

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


有时由于各种原因 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>

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

分享给朋友:

相关文章

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

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

jquery 操作html元素(及CSS)

jquery 操作html元素(及CSS)

 $("li").addClass("aui-user-view-cell aui-img") ;  //给元素添加样式$('#a1...

jfinal 定时任务

1、去quartz官网下载 定时任务jar包(http://www.quartz-scheduler.org/)quartz-*.*.*.jar2、创建定时任务:public class SetAre...

如何查询端口占用情况 并禁止占用

如何查询端口占用情况 并禁止占用

开始---->运行---->cmd,或者是window+R组合键,调出命令窗口输入命令:netstat -ano可看到是:pid为 2160 的程序占用了80端口;启动任务管理器:ctrl...

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

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

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

发表评论

访客

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