I have cretaed a JSP page that has 4 textboxes that need to be validated. 2 are text and 2 are integers. I have tried using the jQuery validation tool but that didn't work out so well. I will provide my JSP code and my script. Can someone help me out?

<%@page import="java.util.List"%> <%@page import="jonej102.Product"%> <%@page contentType="text/html" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Inventory</title> </head> </script> <body> <h1>View Inventory</h1> <jsp:useBean id="inventoryBean" class="jonej102.InventoryManager"></jsp:useBean> <table border="1" cellspacing="10"> <th>UPC</th> <th>Long Details</th> <th>Short Details</th> <th>Price ($)</th> <th>Quantity</th> <th></th> <th></th> <c:forEach var="product" items="${inventoryBean.getProductList()}"> <form action="inventory" method="POST"> <tr> <td><input type="text" name="upc" value="${product.getUpc()}" size="10" /></td> <td><input type="text" name="longDetails" value="${product.getLongDetails()}" size="50" /></td> <td><input type="text" name="shortDetails" value="${product.getShortDetails()}" size="20" /></td> <td><input type="text" name="price" value="${product.getPrice()}" /></td> <td><input type="text" name="stock" value="${product.getStock()}" size="4" /></td> <td><input type="submit" name="button" value="Update" /></td> <td><input type="submit" name="button" value="Delete" /></td> </tr> </form> </c:forEach> </table> <br /> <h1>Manage Inventory</h1> <form method="POST" action="inventory">
            UPC: <input type="text" name="upc" size="10" /> <br /><br />
            Long Details: <input type="text" name="longDetails" size="50" /> <br /><br />
            Short Details: <input type="text" name="shortDetails" size="20" /> <br /><br />
            Price: $<input type="text" name="price" /> <br /><br />
            Stock: <input type="text" name="stock" size="4" /> <br /><br /><br /> <input type="submit" name="button" value="Create" /> </form> </body> </html>



This is my script

function validateMyForm()

    {

        var valid = true;

        var validationMessage = 'Please correct the following errors:\r\n';





        if (document.getElementById('upc').value.length == 0)

        {

            validationMessage = validationMessage + '  - UPC is missing\r\n';

            valid = false;

        }





        if (document.getElementById('longDetails').value.length == 0)

        {

            validationMessage = validationMessage + '  - Long Details are missing\r\n';

            valid = false;

        }





        if (document.getElementById('shortDetails').value.length != 10)

        {

            validationMessage = validationMessage + '  - Short Details are missing.\r\n';

            valid = false;

        }




        if (document.getElementById('price').value.length == 0)

        {

            validationMessage = validationMessage + '  - Price is missing\r\n';

            valid = false;

        }

        if (document.getElementById('stock').value.length == 0)

        {

            validationMessage = validationMessage + '  - Stock is missing\r\n';

            valid = false;

        }





        if (valid == false)

        {

            alert(validationMessage);

        }



        return valid;

    }



</script> 
This article has been dead for over six months. Start a new discussion instead.