jQuery Forum

I am trying to create a shopping basket in a JSON array and an array to be stored in the localStorage.

I want to 

1. Check if exists

2. Update the array based on ProductID

3. If it does not exist then add new values to the array

4. Then update the localstorage.

Currently my code does not update e.g. 1 + 1 is 11 instead of 2. What am i doing wrong

SEcondly the array appears to be sub arrays instead of updating it

I am uploading an image using formdata append, which works well

How do I append extra values from a textbox or hidden field ? 

Here is my code, which returns undefined

I am trying to change the id of a div at runtime, but getting the error. Its a aspnet core program, so the @1 value is a dynamic value that translates to an integer value e.g. 1

My code is

in my added scripts I have

 

I am trying to make my web page friendly, but it appears it seems to be contradicting itself.

Here is my code below ( full webpage can be seen here https://www.dropbox.com/s/cgd7tkds5kq73v8/ehi.html?dl=0 )

It seems line 4 and 5 are disallowing lines 26 and 27

As I want to show a loading gif when the users records are being updated, but it fails

I am trying to get a simple form validation and added my jquery scripts to my asp.net core razor pages. But getting an error 

what is wrong here

My script

finally here is my html page

I have this ajax post which worked when I used test values

However on changing it to real meaningful values (e.g I used my family names as return values) After changing it to (Output, SQuantity, Output and total) it stopped working. Here is my code below

please advise

I started using jquery feb this 2018 and have been using it with visual studio and Microsoft MVC .NetCore

However I have a few questions,

Visual studio by default puts version 1..x in all developed pages and I was reading the docs on the jquery website and it says version jQuery 3.3.1 is out and versions 1x and 2x will not be receiving patches anymore

I take it that I must upgrade and the versions 3x are backward compatible to my projects ?

many thanks

Ehi

Hi guys

I don't want to use a form button submit event, as I am using (MVC reusable partial pages) so I want the jquery validation with control. In some instances these partial pages appear as modal popups

Here is my code

 $('#Button_Lists_Submit').click(ehi);  // calls the validation code below

      var Submit_Form = function () {
         
                debugger
                var data = $('#List_Form').serialize();

                if ($('#List_Form').valid) {

                  ehi();   // call an ajax post here (which I already have in my code)

                }
                else {

                  
                    return false;

                      form.focusInvalid()   // focus on the form errors as this DOES NOT WORK
                }
               
               
             
            }

  function ehi(e) {
                e.preventDefault()
                

                var fd = new FormData($("#List_Form")[0]);

                var form = $('#List_Form');
                form.validate();
                if (!$('#List_Form').valid()) {
                    alert('Model is not valid -' + form.valid());
                   
                    return false;

                }

how do i validate a checkbox, the code below gives errors

error message is 

 Uncaught TypeError: "#SaC_Check".is is not a function

Ehi

I am using JCROP to crop images and applying a css filter to it. However when the canvas (image) is cropped, it loses its css, (ie the User chosen filter is lost)

However if I call the same function via button click it works, but not with jcrop

Here is my code

Ehi

I have a group of 10 images which have the following data class below

How do i get the value of the selected data-class and write it to a label ?

thanks

Ehi

I have a main image and 10 thumbnails with hover over effects that are set dynamically. 

I have only pasted top 5, I also have a 3rd option for hover on effects and wondering if I am on the right path

Is the script below ok ? If not, whats best practice ?

thanks

Ehi

this simple script is not working. 

Please help 

Everything works except lines 17 and 18 (even the alert works)

html elements are

<input type="hidden" name="cropx" id="cropx" value="0" />

<input id="Text1" type="text" value="" />

I have also tried replacing html with val e.g  $('#cropx').val(c.x);

I am struggling with conflicting Jquery scripts, using asp.net mvc core 2. Whenever I add the layout page which has its own jquery library for bootstrap it gives the error (JCrop is undefined) If I block jquery in the inspect tool in chrome, it works.

What can I do ? here is my code

The only difference between the two pages, is that the main page (line 5) has the reference default layout in .net MVC which is     Layout = "~/Views/Shared/_Layout.cshtml";

Also I am attaching the chrome network order below