Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript jQuery Validation Plugin Dropdown

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #32015
    CoolAsCarlito
    Participant

    Basically when I click submit its still saying that there isn’t a selection being made with my dropdowns (styleID, statusID). What am I doing wrong?

    $(document).ready(function() {
    $('div.message-error').hide();
    $('div.message-success').hide();

    $("#titlesForm").validate({
    rules: {
    titleName: {
    required: true
    },
    shortName: {
    required: true
    },
    styleID: {
    required: true,
    rangelength: [1]
    },
    statusID: {
    required: true,
    rangelength: [1]
    }
    },
    messages: {
    titleName: "Please enter a name for the title!",
    shortName: "Please enter the title's short name!",
    styleID: "Please enter the title's style!",
    statusID: "Please enter the title's status!"
    },
    submitHandler: function(form) {
    var userID = $("input#userID").val();
    var titleName = $("input#titleName").val();
    var shortName = $("input#shortName").val();
    var styleID = $("select#styleID").val();
    var statusID = $("select#statusID").val();
    var dataString = 'userID=' + userID + 'titleName=' + titleName + '&shortName=' + shortName + '&styleID=' + styleID + '&statusID=' + statusID + '&submitTitle=True';
    $.ajax({
    type: "POST",
    url: "processes/titles.php",
    data: dataString,
    success: function(myNewVar) {
    if (myNewVar == 'good') {
    $('div.message-error').hide();
    $("div.message-success").html("
    Operation successful

    " + titleName + " Page saved successfully.

    ");
    $("div.message-success").show().delay(10000).hide("slow");
    $(':input','#titlesForm')
    .not(':submit, :hidden')
    .val('');
    } else if (myNewVar == 'bad1') {
    $('div.message-success').hide();
    $("div.message-error").html("
    Operation unsuccessful

    " + titleName + " already exists in the database.

    ");
    $("div.message-error").show();
    } else if (myNewVar == 'bad2') {
    $('div.message-success').hide();
    $("div.message-error").html("
    Operation unsuccessful

    " + shortName + " already exists in the database.

    ");
    $("div.message-error").show();
    } else if (myNewVar == 'bad3') {
    $('div.message-success').hide();
    $("div.message-error").html("
    Operation unsuccessful

    " + titleName + " and " + shortName + " already exists in the database.

    ");
    $("div.message-error").show();
    }
    }
    });
    return false;
    }
    });
    });
Viewing 1 post (of 1 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.