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语句中，代码始终转到显示警告消息框的else部分。我没有任何验证错误，因为没有出现验证消息。

这是我的验证逻辑：

 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()的输出以查看它返回的内容。

jquery表单验证函数的行为不符合预期

1 个答案: