表单用submit提交前增加校验

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


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

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

分享给朋友:

相关文章

java.lang.ClassNotFoundException: oracle.jdbc.driver.OralceDriver

 java.lang.ClassNotFoundException: Oracle.jdbc.driver.OracleDriver这个错误;原因可能是 少了驱动 ,少包class...

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

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

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

程序员为什么不炫富

程序员为什么不炫富

 提到互联网,尤其是互联网工程师们,人们往往会想到两个词:“高薪”和“高压”。在知乎上“为什么很少见工资高的程序员炫富?”的问题下,一个得票很高的答案是:“乐意炫富的人,不是因为有钱,而是因为付出的少...

org.apache.subversion.javahl.ClientException: ¾ܾø·ÃÎʡ£ svn: Can't move 'E:\workspace\TourMarkets\.

org.apache.subversion.javahl.ClientException: ¾ܾø·ÃÎʡ£  svn: Can't move 'E:\workspace\T...

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

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

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

js实现日期加1

直接附代码方法1:<html> <head>    <script>      ...

发表评论

访客

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