2015-03-03 80 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