Jquery to load page automatically

Schleid Alex

Hi there,

I have a view with an input field and a button when the button is clicked it triggers a jquery function to check where the value in the field is null or not if null I show a jquery alert saying the value cannot be nul

here is the script

$(document).ready(function(){

$('#btnAdd).on('click', function(){

if($('#Quantity).val()>0)

{

....

}

else

{

alert('Quantity cannot be null')

}

})

my problem is after the alert is displayed it goes straight to the index page instead of staying on the create one. I dunno why, could someone help me out please

Regard

Schleid

7 Replies

Know the answer? Post it — somebody with the same question will find it here.

Schleid Alex5y ago
The problem was cause by the @html.beginform that cause the whole form to be submitted without I implicitely command it to.

I just remove it and the problem was gone.

Thanks for your help
+1
Schleid Alex5y ago
Sachin, I have updated the script according to what you wrote, same behavior.
Do you know a way to track this step by step so I could see what is causing the behavior

Regards
+1
Sachin Singh5y ago
proceed like below
$('#btnAddToPo').on('click', function () {
        if (($('#Quantity').val()!="") $$ parseInt($('#Quantity').val())>0  ) {
            var r = alert('Do you want to add this product')

        }
        else {
            alert('Quantity cannot be null or equal to zero')

        }
    })
+1
Schleid Alex5y ago
'Script'
$('#btnAddToPo').on('click', function () {
        if ($('#Quantity').val > 0) {
            var r = alert('Do you want to add this product')

        }
        else {
            alert('Quantity cannot be null or equal to zero')

        }
    })
'View'
@model gpos.Models.PurchaseOrderModel

@{
    ViewBag.Title = "Create";
}

@Scripts.Render("~/bundles/Jquery")

"~/Scripts/gpos_purchaseorder.js">



    @Html.DropDownList("ddlSupplier", TempData["SupplierList"] as SelectList, "Please select a supplier")
    "btnNPO" name="btnNPO" class="btn btn-primary">Create Purchase Order
    "btnCancel" name="btnCancel" class="btn btn-primary" style="display:none">Cancel P.O


@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()

"mainDiv" style=" height:400px">
    "divContent" style="display:none">
        "PoDDiv" style="float:left; width:55%">
"prodDiv" style="float:right">
@Html.Label("Product Code")
@Html.TextBox("ProductCode", null, new { @style = "text-align:right" })
"PrdDiv">

}

Sachin Singh5y ago

please paste your full code , it is impossible what you are saying.

and to paste code use code editor

Schleid Alex5y ago

Unfortunately it does without me redirecting it. I have posted the script and as you would see there no redirect instruction

Sachin Singh5y ago

untill you are not redirecting to Index page using ajax, there is no chance that it will automatically goes to the index page.

Show your complete code, if i use alert on ViewA then flow will never move to other page untill i tell him to do so.