action 表单提交

 <form action="xx" id="loginform" method="POST" >
  <div>用户名:<input type="text" name="user_name" id="user_name" /></div>
  <input type="submit" onclick="return doSubmitForm();" name="submit" id="loginbtn" value="登录" class="btnLogin"/>
 </form>
<script>
function doSubmitForm(event) {
      console.log(777)
      event = event || window.event;
      // event.preventDefault()
      

    /**
      表单提交
      规则验证
     */
      var pattern = new RegExp("[`~!@#$\\s^&*()=|{}':;,.<>/?~!@#¥……&*()——|【】‘;:'、?%+ \"\\\\]");

      var userNameInput = $("#user_name");   
      var name = userNameInput.val(); 
      
      if($.trim(name) == '' && $.trim(pass) == '') {
        alert("您没有填写用户名和密码");
        userNameInput.focus();
        return false;
      }
      if($.trim(name) == '') {
        alert("您没有填写用户名");
        userNameInput.focus();
        return false;
      }    
     
      return true;
    }
</script>

注意点:

  1. form表单的action
  2. 表单提交按钮 需要submit类型 ,onclic属性中 一定要return Event()
  3. js 进行表单验证的时候,一定要reuturn false, (reuturn 当表单格式不正确的时候 ,仍然后执行action)
    4.表单中的name属性不能是 submit
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值