zoukankan      html  css  js  c++  java
  • js校验表单后提交表单的三种方法总结

    第一种:

    <script type="text/javascript">
             function check(form) {
    
              if(form.userId.value=='') {
                    alert("请输入用户帐号!");
                    form.userId.focus();
                    return false;
               }
           if(form.password.value==''){
                    alert("请输入登录密码!");
                    form.password.focus();
                    return false;
             }
             return true;
             }
    </script>
    
    <form action="login.do?act=login" method="post">
    用户帐号
      <input type=text name="userId" size="18" value="" >
    <br>
     登录密码     
    <input type="password" name="password" size="19" value=""/>     
     <input type=submit name="submit1" value="登陆" onclick="return check(this.form)"> 
    
    </form>   

    第二种

    <script type="text/javascript">
             function check(form) {
    
              if(form.userId.value=='') {
                    alert("请输入用户帐号!");
                    form.userId.focus();
                    return false;
               }
           if(form.password.value==''){
                    alert("请输入登录密码!");
                    form.password.focus();
                    return false;
             }
             return true;
             }
    </script>
    
    <form action="login.do?act=login" method="post" onsubmit="return check(this)">
    用户帐号
      <input type=text name="userId" size="18" value="" >
    <br>
     登录密码     
    <input type="password" name="password" size="19" value=""/>     
     <input type=submit name="submit1" value="登陆"> 
    
    </form>  

    第三种:

    <script type="text/javascript">
             function check(form) {
    
              if(form.userId.value=='') {
                    alert("请输入用户帐号!");
                    form.userId.focus();
                    return false;
               }
           if(form.password.value==''){
                    alert("请输入登录密码!");
                    form.password.focus();
                    return false;
             }
    
              document.myform.submit();
    }
    </script>
    
    <form action="login.do?act=login" name="myform" method="post">
    用户帐号
      <input type=text name="userId" size="18" value="" >
    <br>
     登录密码     
    <input type="password" name="password" size="19" value=""/>     
    <input type=button name="submit1" value="登陆" onclick="check(this.form)"> 
    
    </form> 
  • 相关阅读:
    jquery获取transform里面的值
    H5左滑删除JS插件
    IOS微信浏览器点击事件不起作用问题
    jquery获取不了ajax动态添加的内容的解决办法
    H5跟ios、android交互跟数据对接
    JS图片赖加载例子
    苹果手机浏览器下拉会闪动的解决办法
    jquery.rotate.js可选抽奖次数和中奖内容的转盘抽奖demo
    Html5的localStorage与sessionStorage五种循序渐进的使用方法
    tar 「解/壓」 包
  • 原文地址:https://www.cnblogs.com/lhj-blog/p/6396908.html
Copyright © 2011-2022 走看看