Функция проверки формы jquery не работает должным образом

Question

Я заметил, что когда у меня нет никаких сообщений проверки, указывающих, что есть ошибка проверки, мой код ведет себя так, как если бы были ошибки проверки.

Вот моя функция нажатия jquery, и внутри нее я хочу сделать ajax-вызов, если форма проверена:

  $("#otherFavContainer").on("click", ".btnAddSongTilesToGenre", function (e) {
        var name = $('#youTubeNameTxt').val();
        var link = $('#youTubeLinkTxt').val();
        var len = link.length;
        var substr = link.substr(31, len - 31);
        var container = $(this).parent().parent().find(".actualTilesContainer");
        $(container).slideDown();
        var genreId = $(this).attr("name");
        $("#hiddenRank").val(genreId);
        $("#AddTopTenFavForm").validate().form();

        if ($("#AddTopTenFavForm").valid()) {

            $.ajax({
                beforeSend: function () { ShowAjaxLoader(); },
                url: "/Home/AddSong",
                type: "POST",
                data: $("#AddTopTenFavForm").serialize(),
                success: function (data) { HideAjaxLoader(), ShowMsg("Song Added Successfully"), $(container).find('ul').append('<li><a class="savedLinks" href="#" name="' + substr + '" >' + name + '</a> <span name= ' + data + ' class="btnDeleteSong dontDoAnything">x</span></li>'); },
                error: function () { HideAjaxLoader(), ShowMsg("Song could not be added, please try again") }
            });


            $('#youTubeLinkTxt').val('');
            $('#youTubeNameTxt').val('');

        }
        else {
            alert("notValid");
        }

        if ($(e.target).hasClass("dontDoAnything")) {
            e.stopPropagation();
            return false;
        }
    });

В операторе if код всегда переходит к другой части, отображающей окно сообщения с предупреждением. У меня нет ошибок проверки, так как сообщение проверки не появляется.

Вот моя логика проверки:

 namespace yplaylist.Models
 {
[MetadataType(typeof(TopTenFav_Validation))]
public partial class TopTenFav
{

}
public class TopTenFav_Validation
{

[RegularExpression("http://www.youtube.com/watch\\?v=.*", ErrorMessage = "Youtube Link must begin with: http://www.youtube.com/watch?v= ")]
[Required(ErrorMessage = "Youtube link is Required")]
[StringLength(100, ErrorMessage="Song Title cannot exceed 100 characters")]
public string YoutubeLink { get; set; }

[StringLength(100, ErrorMessage = "Youtube link cannot exceed 100 characters")]
[Required(ErrorMessage = "Song title is Required")]
public string Title { get; set; }
}

}

Я дважды проверяю, что я ввожу данные в правильном формате в свои текстовые поля, и все выглядит нормально, но по какой-то странной причине моя форма по-прежнему недействительна, пожалуйста, помогите. Спасибо

Answer 1

Проверьте вывод $("#AddTopTenFavForm").valid(), чтобы увидеть, что он возвращает.