FORM插件的核心方法--ajaxForm()和ajaxSubmit()

<!DOCTYPE html>
<meta charset="utf-8">
<html>
<head>
<title>核心方法--ajaxForm()和ajaxSubmit()</title>
</head>
<body>
<form id="myForm" action="demo.php" method="post">
名称: <input type="text" name="username"/></br>
地址: <input type="text" name="address"/></br>
自我介绍: <textarea name="comment"></textarea></br>
<input type="submit" value="提交" id="test" /></br>
<div id="input1" style="display: none;"></div>
</form>
<script type="text/javascript" src="../scripts/jquery-1.3.1.js"></script>
<script type="text/javascript" src="../scripts/lib/jquery.form.js"></script>
<script type="text/javascript">
//方法1:
  // $("#myForm").ajaxForm(function(){
    // $("#input1").html("提交成功,欢迎下次再来!").show();
  // });
//方法2:
  $('#myForm').submit(function() {
    $('#input1').ajaxSubmit(function(){
      $("#input1").html("提交成功,欢迎下次再来!").show();
    });
    return false; //禁止表单默认提交
  });
</script>
</body>
</html>

posted @ 2017-04-24 15:44  代码小精灵  阅读(156)  评论(0编辑  收藏  举报