Marius Vasile

Marius Vasile

  • 594
  • 1.9k
  • 145.6k

jquery procedure partially working

Jun 16 2021 5:13 AM

I have a jquery to trigger submit button but out of 4 ifs, only two are working properly the other two are not. I was looking for error for some hours but I don't see it. bool1 and 3 works, 2 and 4 doesn't

$("#btnSubmitNM").click(function () {
            var msg = "";
            if (smLocation.lenght > 3 && smActivity.lenght > 3 && smDescription.lenght > 3) {
                //bool 1
                if (($("#Equip").prop('checked') == true) && ($("#PTW").prop('checked') == true)) {
                    if (equipText.lenght > 3 && ptwText.lenght > 3) {
                        $('#NMNew').submit();
                    }
                    else {
                        msg = msg + "All fields have to be filled";
                    }
                }
                //bool 2
                else if (($("#Equip").prop('checked') == true) && ($("#PTW").prop('checked') == false)) {
                    if (equipText.lenght > 3) {
                        $('#NMNew').submit();
                    }
                    else {
                        msg = msg + "All fields have to be filled";
                    }
                }
                //bool 3
                else if (($("#Equip").prop('checked') == false) && ($("#PTW").prop('checked') == true)) {
                    if (ptwText.lenght > 3) {
                        $('#NMNew').submit();
                    }
                    else {
                        msg = msg + "All fields have to be filled";
                    }
                }
                //bool 4
                else if (($("#Equip").prop('checked') == false) && ($("#PTW").prop('checked') == false)) {
                    $('#NMNew').submit();
                }
            }
            else {
                msg = msg + "All fields have to be filled";
            }
            $("#msg").text(msg);
        });

and html

<form id="NMNew" asp-page-handler="NearMiss" method="post">
        <p class="h6 text-left font-weight-bold mb-4" style="color: steelblue">Near Miss</p>
        <div class="row no-gutters">
            <div class="col-md-2">
                <label class="form-control text-white" style="background-color: steelblue">Date/Time:</label>
                <input class="form-control" asp-for="NearMissClass.NMDateR" />
            </div>
            <div class="col-md-2">
                <label class="form-control text-white" style="background-color: steelblue">User Name:</label>
                <input class="form-control" asp-for="NearMissClass.UserName" value="@Model.UserDataRole.UserName" />
                <input hidden asp-for="NearMissClass.UserID" value="@Model.UserDataRole.UserId" />
            </div>
            <div class="col-md-4">
                <label class="form-control text-white" style="background-color: steelblue">Location:</label>
                <input id="smLocation" required class="form-control" asp-for="NearMissClass.Location" />
            </div>
        </div>

        <div class="row no-gutters mt-2">
            <div class="col-md-2">
                <label class="form-control text-white" style="background-color: steelblue">Was a Permit to Work active?</label>
            </div>
            <div class="col-md-2 text-center">
                <input id="PTW" asp-for="NearMissClass.PTW" type="checkbox" data-toggle="toggle" data-on="Yes" data-off="No" data-width="200" data-height="40" data-onstyle="success" data-offstyle="danger">
            </div>
            <div id="ptwDiv" class="col-md-2">
                <input id="ptwText" asp-for="NearMissClass.PTWNo" class="form-control" placeholder="Add PTW No" />
            </div>
        </div>

        <div class="row no-gutters mt-2">
            <div class="col-md-2">
                <label class="form-control text-white" style="background-color: steelblue">Was an equipment involved?</label>
            </div>
            <div class="col-md-2 text-center">
                <input id="Equip" asp-for="NearMissClass.Equipment" type="checkbox" data-toggle="toggle" data-on="Yes" data-off="No" data-width="200" data-height="40" data-onstyle="success" data-offstyle="danger">
            </div>
            <div id="equipDiv" class="col-md-4">
                <input id="equipText" asp-for="NearMissClass.EquipDetail" class="form-control" placeholder="Add details on involved Equipment" />
            </div>
        </div>

        <div class="row no-gutters mt-2">
            <div class="col-md-4">
                <label class="form-control text-white" style="background-color: steelblue">Activity performed:</label>
                <textarea id="smActivity" required rows="2" class="form-control" asp-for="NearMissClass.Activity"></textarea>
            </div>
            <div class="col-md-4">
                <label class="form-control text-white" style="background-color: steelblue">Description of Near-Miss:</label>
                <textarea id="smDescription" required rows="2" class="form-control" asp-for="NearMissClass.Description"></textarea>
            </div>
        </div>
        <div class="row no-gutters">
            <span id="msg" class="text-danger"></span>
        </div>
        <div class="row no-gutters mt-2">
            <div class="col-md-2">
                <button id="btnSubmitNM" class="col-md-12 btn badge-primary">Submit</button>
            </div>
        </div>
    </form>

 


Answers (7)