天天看點

jquery.form.js失效問題。

項目中引用 jquery.form.js插件。

打算用      .ajaxform(options);    方式送出到背景,但是發現  .ajax 是可以正常互動的,但是  .ajaxform 就是不行。

首先

在form表單中,button的type問題。 

form表單中,button 的 type 有三種值。

分别是:

reset : 如果button type="reset"   在沒有任何事件 的條件下,會清空目前 form 的所有内容。

button: 預設,就是一個按鈕。       可以在form 上設定onkeydown方法,來監聽回車按鍵(13)來送出表單。

submit:  1、 如果 type = "submit" ,則,點選該 button (按鈕),預設送出目前表單。送出的 預設 路徑是,form表單中配置的 action。

2、如果 在這個form 中,Enter鍵 預設 為送出表單。

然後

在  jquery.form.js 插件中,有兩種方式送出form表單。

1)$.fn.ajaxsubmit

2)$.fn.ajaxform

button 的 type 類型的問題。

如果設定 type = "submit"     ,js方法中,就可以用 .ajaxform。

如果設定 type = "button"     ,js方法中,就可以用 .ajaxform。

在form表單中,如果 button 的 type = "submit" ,在綁定的js方法中送出表單,就要用  $("#loginform").ajaxform(options);

在form表單中,如果 button 的 type = "button" ,在綁定的js方法中送出表單,就要用  $("#loginform").ajaxsubmit(options);

完整代碼如下:

js代碼如下:

jsp代碼如下: