Stack Exchange network consists of 183 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.
Visit Stack Exchange
Stack Internal
Knowledge at work
Bring the best of human thought and AI automation together at your work.
Explore Stack Internal Would like some assistance in improving my jQuery validation code. I have some repeated code, but I am not sure how to write it in a way so that I don't have to keep repeating the same code over and over again for different variable names etc... (such as the ifif statement part) My goal is to make it so that I can easily apply it to any other form I create.
Javascript:
Thanks for your help in advance!
Would like some assistance in improving my jQuery validation code. I have some repeated code, but I am not sure how to write it in a way so that I don't have to keep repeating the same code over and over again for different variable names etc... (such as the if statement part) My goal is to make it so that I can easily apply it to any other form I create.
Javascript:
Thanks for your help in advance!
Would like some assistance in improving my jQuery validation code. I have some repeated code, but I am not sure how to write it in a way so that I don't have to keep repeating the same code over and over again for different variable names etc... (such as the if statement part) My goal is to make it so that I can easily apply it to any other form I create.
UPDATE CODE: (SAME FUNCTIONALITY)
$('form.requiredFields').submit(function(e) { var req = $(this).find('.req'), validateEmail = function(email) { var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; return re.test(email); }; req.each(function() { var $this = $(this), defaultVal = $this.prop('defaultValue'); if ( ( $this.hasClass('email') && !validateEmail( $this.val() ) ) || (defaultVal === $this.val() || $this.val() === '' || $this.val().length < 3) ) { $this.addClass('_error') } else { $this.removeClass('_error req'); } }); console.log(req.length); if ( req.length === 0 ) { return true; } else { return false; } }); UPDATE CODE: (SAME FUNCTIONALITY)
$('form.requiredFields').submit(function(e) { var req = $(this).find('.req'), validateEmail = function(email) { var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; return re.test(email); }; req.each(function() { var $this = $(this), defaultVal = $this.prop('defaultValue'); if ( ( $this.hasClass('email') && !validateEmail( $this.val() ) ) || (defaultVal === $this.val() || $this.val() === '' || $this.val().length < 3) ) { $this.addClass('_error') } else { $this.removeClass('_error req'); } }); console.log(req.length); if ( req.length === 0 ) { return true; } else { return false; } }); UPDATE CODE: (SAME FUNCTIONALITY)
$('form.requiredFields').submit(function(e) { var req = $(this).find('.req'), validateEmail = function(email) { var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; return re.test(email); }; req.each(function() { var $this = $(this), defaultVal = $this.prop('defaultValue'); if ( ( $this.hasClass('email') && !validateEmail( $this.val() ) ) || (defaultVal === $this.val() || $this.val() === '' || $this.val().length < 3) ) { $this.addClass('_error') } else { $this.removeClass('_error req'); } }); console.log(req.length); if ( req.length === 0 ) { return true; } else { return false; } }); UPDATE CODE: (SAME FUNCTIONALITY)
$('form.requiredFields').submit(function(e) { var req = $(this).find('.req'), validateEmail = function(email) { var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; return re.test(email); }; req.each(function() { var $this = $(this), defaultVal = $this.prop('defaultValue'); if ( ( $this.hasClass('email') && !validateEmail( $this.val() ) ) || (defaultVal === $this.val() || $this.val() === '' || $this.val().length < 3) ) { $this.addClass('_error') } else { $this.removeClass('_error req'); } }); console.log(req.length); if ( req.length === 0 ) { return true; } else { return false; } });