表单用submit提交前增加校验

访客9年前 (2017-06-15)javaScript3808


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

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

分享给朋友:

相关文章

get/post方式调用http接口

get/post方式调用http接口

 1. 项目环境如下:myeclipse8.5 、tomcat5.0/weblogic、xp、JDK:开发1.5,编译1.4为了方便,在原来的web项目UpDown中新建了一个httpcal...

JS或Jquery获取浏览器URL的参数值 汉字值乱码 并转码

JS或Jquery获取浏览器URL的参数值 汉字值乱码 并转码

1、获取url很简单,代码如下:     window.location.href;2、jquery获取url参数比较复杂,要用到正则表达式,所以学好javascript正则式多么...

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

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

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

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

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

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

js/Jquery判断变量是否含有汉字

  js判断变量是否含有汉字 ,直接附上代码:   var aa= '你好';    var...

发表评论

访客

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