JSFiddle - React, Tailwind, and code Playground

by bluey

JavaScript

$(function() {
	  $('.error').hide();
	  $(".add_item_btn").click(function() {
		// validate and process form here
		 
		$('.error').hide();
		 var itemTitle = $("input#add_item_item_title").val();
		  if (itemTitle == "") {
		  $("label#add_item_item_title_error").show();
		  $("input#add_item_item_title").focus();
		  return false;
		}
		  
		//var groupID = $("input#add_item_unit_price").val();  
		 var groupID = $("select#add_item_groupid option").filter(":selected").val();
		  
		 var unitPrice = $("input#add_item_unit_price").val();
			
		if (unitPrice == "") {
		$("label#add_item_unit_price_error").show();
		$("input#add_item_unit_price").focus();
		return false;
		}
			
		if (isNaN(unitPrice)) // this is the code I need to change
		{
			//alert("Must input numbers");
			$("label#add_item_unit_price_error2").show();
			return false;
		}

		 dataString = 'itemTitle='+ itemTitle  + '&groupID=' + groupID + '&unitPrice=' + unitPrice;
		//alert (dataString);return false;
		
		//add_item();
		nu();
		return false;  
	  });
	});


function nu(itemTitle){
   
   
   var url = "script.php";
  
	$.ajax({
                type: 'POST',
                url: url, 
                dataType: 'html',
                data: {
                    itemTitle: itemTitle,
					//groupID: groupID, 
					//unitPrice: unitPrice		
                },
                beforeSend: function() {
                        document.getElementById("message").innerHTML="<span class='blink_me'>Sending..</span>"  ;
                },
                success: function(html) {
                        document.getElementById("message").innerHTML=html;
 
                }
    });
    
}