0
ユーザー名とパスワードの2つのフィールドを持つフォームがあります。セマンティックUI/JQueryを使用してフォームを送信しています。セマンティックUI:api vs ajaxコール
$(document).ready(function() {
$('#ValidateUser').form(
{
on: 'submit',
fields: {
username: {
identifier: 'username',
rules: [{
type: 'empty',
prompt:'Username cannot be empty'
}]
},
password: {
identifier: 'password',
rules: [{
type: 'empty',
prompt:'Password cannot be emtpy'
}]
}
},
onSuccess: function(event){
event.preventDefault();
$.api({
url: '@Url.Action("Login", "Validation")',
serializeForm: true,
data: new FormData(this),
onSuccess: function (result) {
result.preventDefault();
if (result.Success) {
window.location = "/Dashboard/Dashboard";
}
else {
$('#formresult').append(result.Msg);
}
return false;
}
});
}
});
});
これは機能しません。 Semantic UIの.api呼び出しを$ .ajax呼び出しと置き換えるとうまくいきます。
$(document).ready(function() {
$('#submitbutton').click(function(){
$('#formresult').hide();
});
$('#ValidateUser').form(
{
on: 'blur',
fields: {
username: {
identifier: 'username',
rules: [{
type: 'empty',
prompt: 'Username cannot be empty'
}]
},
password: {
identifier: 'password',
rules: [{
type: 'empty',
prompt: 'Password cannot be emtpy'
}]
}
},
onSuccess: function (event) {
$('#formresult').hide();
event.preventDefault();
var formData = new FormData(this);
$.ajax({
url: '@Url.Action("Login", "Validation")',
type: "POST",
dataType: "json",
contentType: "application/json; charset=utf-8",
data: formData,
contentType: false,
processData: false,
success: function (result) {
if (result.Success) {
window.location = "/Dashboard/Dashboard";
}
else {
$('#formresult').show();
$('#formresult').text(result.Msg);
}
},
error: function (result) {
$('#formresult').show();
$('#formresult').text(result);
}
});
event.preventDefault();
}
});
});
誰かが.APIセマンティック呼び出しが動作しない理由を私は把握助けてもらえますか?