Preventing form submission with chainable methods

[dwmartin18]

I got it into my head the other day to develop my own little form validation library. More than anything I just wanted to try out of few things I’ve never done before like chainable methods -- think jQuery’s style of calls: $('#id1').click().fadeOut('slow').

A problem I have ran into though is how to prevent a form from submitting if it fails one of the validation methods. I know how returning false to the form on submission will do the trick but I am simply not sure how to do that with in the current form of my script.

Here is a small chunk of my code.

FC = function(id){
    var _id = document.getElementById(id);
 
    return {    
        on: function (evt,fnc,useCapture)
        {
            obj = _id;
            if (!useCapture) { 
                useCapture = false; 
            }
            if (obj.addEventListener){
                obj.addEventListener(evt,fnc,useCapture);
                return true;
            } 
            else if (obj.attachEvent) {
                return obj.attachEvent("on"+evt,fnc);
            }
        }, 
        alphaOnly: function()
        {
            // check for alpha characters only
            return this;
        },
        minLength: function()
        {
            // check for minimum length
            return this;
        },
        formatNum: function()
        {
            // format a number text field
            return this;
        }
    };
};
 
// The following code is how it would be used in its current form.
 
FC('form1').on('submit',function(){
     FC('input1').minLength('3').alphaOnly();
});
 

This code will find the form with the id of 'form1' and then attach an 'onsubmit' event to it and run second line of code when submitted. The second line will look for the element with the 'input1' id and check that the length is at least three characters long and only contains alpha characters.

Obviously this script won’t be very useful unless I can get it to actually stop a form from submitting so if someone could provide some insight into this that’d be great.

[dickvla]

Have you made any progress with this issue. I am also quite curious as to the answer

Dick

[dmjpro]

Have you made any progress with this issue. I am also quite curious as to the answer

Dick

Have a look at this Sample Code.

<form name="some name" onsubmit = "return validate()">
.
.
</form>
 

function validate()
{
 var submit_flag = false;
 .
.
.
//some validation code goes here and assign the "submit_flag" either with true or false
return submit_flag;
}
 

Good Luck!

Debasis Jana