Javascript 表单提交时的Ajax调用-MVC 5
目标是: 如果用户提供了正确的信息,则使用ajax调用从数据库带回信息,或者如果用户是新用户,则它将返回redirectToAction并将用户发送到另一个表单。我想使用欧芹或bootstrap validator来完成所有这一切(我想使用这些工具,这样我可以将验证器放入输入中,一旦我单击submit,它将验证表单,但不会提交表单。我还希望表单具有相同的外观,因此字段高亮显示类似于ajax调用将处理决策) 问题是: 下面是一个类似的表格:Javascript 表单提交时的Ajax调用-MVC 5,javascript,jquery,ajax,forms,twitter-bootstrap,Javascript,Jquery,Ajax,Forms,Twitter Bootstrap,目标是: 如果用户提供了正确的信息,则使用ajax调用从数据库带回信息,或者如果用户是新用户,则它将返回redirectToAction并将用户发送到另一个表单。我想使用欧芹或bootstrap validator来完成所有这一切(我想使用这些工具,这样我可以将验证器放入输入中,一旦我单击submit,它将验证表单,但不会提交表单。我还希望表单具有相同的外观,因此字段高亮显示类似于ajax调用将处理决策) 问题是: 下面是一个类似的表格: <form action="" id="appli
<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)的按钮来提交表单代码>(ajax调用将处理提交,我猜我们可以用此ajax调用替换任何JavaScript函数)
最后:
我读过关于e.O.的文章,但它似乎对我不起作用。如何让表单验证输入,但从不实际提交(除非ajax允许)。你能给我举个例子说明我会怎么做吗?或者这是不能做的事情?我是否应该执行类似的操作,例如在表单上添加onsubmit事件
<form onsubmit = "DoSubmit(this);return false;">
工作非常完美,我没有使用DoSubmit,我只是调用了javascript
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
}
}