Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Nov 2007
    Location
    delhi,india
    Posts
    51
    Thanks
    23
    Thanked 0 Times in 0 Posts

    form validation problems

    hi forum
    i have been trying to use a way to validate my form but i was unable to use it properly
    pls rectify my mistakes.

    i m using input type as a button and calling a function to save the form data.
    now i want to check if all fields are entered properly before submitting the form

    the javascript function i m using is

    Code:
    <script language="JavaScript">
    function formCheck(formobj){
    	// Enter name of mandatory fields
    	var fieldRequired = Array("txtddate", "txtspid");
    	// Enter field description to appear in the dialog box
    	var fieldDescription = Array("Delivery Date", "Sales Person Name");
    	// dialog message
    	var alertMsg = "Please complete the following fields:\n";
    	
    	var l_Msg = alertMsg.length;
    	
    	for (var i = 0; i < fieldRequired.length; i++){
    		var obj = formobj.elements[fieldRequired[i]];
    		if (obj){
    			switch(obj.type){
    			case "select-one":
    				if (obj.selectedIndex == -1 || obj.options[obj.selectedIndex].text == ""){
    					alertMsg += " - " + fieldDescription[i] + "\n";
    				}
    				break;
    			case "select-multiple":
    				if (obj.selectedIndex == -1){
    					alertMsg += " - " + fieldDescription[i] + "\n";
    				}
    				break;
    			case "text":
    			case "textarea":
    				if (obj.value == "" || obj.value == null){
    					alertMsg += " - " + fieldDescription[i] + "\n";
    				}
    				break;
    			default:
    			}
    			if (obj.type == undefined){
    				var blnchecked = false;
    				for (var j = 0; j < obj.length; j++){
    					if (obj[j].checked){
    						blnchecked = true;
    					}
    				}
    				if (!blnchecked){
    					alertMsg += " - " + fieldDescription[i] + "\n";
    				}
    			}
    		}
    	}
    
    	if (alertMsg.length == l_Msg){
    		return true;
    	}else{
    		alert(alertMsg);
    		return false;
    	}
    }
    </script>
    and form details are
    Code:
    <form name="outputForm1" >
    <td>Delivery Date</td>
    <td><input type="text" name="txtddate" tabindex="1"  size="20"  ></td>
    <td>Sales Person Name</td>
    <td><select name="txtspid" tabindex="2">
    	<option selected>Pls. Choose</option>
    	<option value="1">Hemant</option>
    	<option value="2">Rajan</option>
    	<option value="3">Ranjan Kumar</option>
    	<option value="4">Sanjay Parwani</option>
    	<option value="5">Santosh</option>
    	<option value="6">Rajesh</option>
        </select>
    </td>
    <td><input type="button" value="Save" name="btnSave" tabindex="21" onclick = "SaveForm();"></td>
    if you want to see the save form function,pls check the attachment

    i m not able to put the function before the saveform function runs
    pls advice how i should go ahead:)

    smile always:)
    anand
    Attached Files Attached Files

  • #2
    Supreme Master coder! Philip M's Avatar
    Join Date
    Jun 2002
    Location
    London, England
    Posts
    18,316
    Thanks
    203
    Thanked 2,566 Times in 2,544 Posts
    <td><input type="button" value="Save" name="btnSave" tabindex="21" onclick = "return formCheck(this.form); SaveForm()"></td>

    I would alter var l_Msg = alertMsg.length; to var msgLen or something as the initial letter l is too easily confused with the numeral 1 (which is not valid).
    Last edited by Philip M; 09-02-2008 at 08:16 PM.

  • Users who have thanked Philip M for this post:

    meenakshia (09-03-2008)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •