2015-03-03 42 views
0

目標:Ajax調用 - MVC 5

使用一個AJAX調用無論是從數據庫中帶回的信息,如果用戶提供正確的信息,或者如果用戶是新用戶,然後將返回redirectToAction和將用戶發送到另一個表單。我想要使​​用parsley或bootstrap驗證器來完成所有這些工作(我想使用這些工具,這樣我就可以將驗證器添加到輸入中,一旦我點擊提交,它將驗證表單,但不會提交。希望它具有相同的外觀,所以領域彰顯類似http://1000hz.github.io/bootstrap-validator/ AJAX調用將處理決定)

問題: 下面是一個類似的形式:

<form action="" id="application"> 
First Name: <input type="text" name="first" required/> 
Last Name: <input type="text" name="last" required/> 

<button type="submit">Submit</button> 
</form> 

當一個人點擊這個形式,如果用戶沒有提供姓和名,則不會提交表單。

我想要做的是,如果用戶提供了這些信息,它將不會去執行操作,而是執行ajax調用,並且永遠不會按下類似於$(button).click(function(){//do stuff});的按鈕提交表單(ajax調用將處理提交,我的猜測是我們可以用這個ajax調用任何JavaScript函數)。

終於: 我已閱讀關於e.preventdefault,但它似乎並沒有爲我工作。我怎樣才能得到表單來驗證輸入,但從來沒有實際提交(除非ajax允許)。你能舉個例子說明我會怎麼做?或者這是無法完成的事情?我應該做類似這樣Validate Form preventing form submission

回答

2

在窗體上添加一個onsubmit事件,例如,

<form onsubmit = "DoSubmit(this);return false;"> 

DoSubmit: function() 
{ 
//validate the form and decide submit or not 
    if($(form).valid()) 
    {//if form valid, this is done by form validation itself 
     $(form)[0].submit(); 
    } 
    else 
    { 
    //do nothing or do whatever 
    } 
} 
+0

曾爲完美,我沒有使用DoSubmit,我剛纔打電話的JavaScript的東西 – Kevin 2015-03-03 04:38:12

+1

快樂,代碼幫助你!順便說一句,我的名字是凱文以及!呵呵 – 2015-03-03 20:29:03