• 博客园logo
  • 会员
  • 周边
  • 众包
  • 新闻
  • 博问
  • 闪存
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录

土鳖不土,战斗力五

天地玄宗,万炁本根。广修万劫,证吾神通。
  • 博客园
  • 联系
  • 订阅
  • 管理

公告

View Post

html5表单与Jquery Ajax配合使用

  html5的表单控件提供了很多格式检测功能,可以省去很多烦人的javascript验证代码,例如pattern属性和require属性,但触发的条件是表单提交,如果想通过ajax提交表单,就出现了不能触发验证的问题。

  解决办法就是依然使用 input submit作为提交按钮,但在表单的提交事件里阻止进一步动作,转为ajax发送请求,这里贴出JQuery的代码:

<script language="javascript">
    $(document).ready(function(){
       $("#form").submit(function(e){
         e.preventDefault();
         /*-----Ajax省略-------*/
    })
})
</script>

<form action="..." id="form">
    <input type="text" required />
    <input type="submit" value="提交" />
</form>

 

posted on 2014-02-18 22:36  土鳖不土,战斗力五  阅读(559)  评论(0)    收藏  举报

刷新页面返回顶部
 
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3