Skip to main content

Posts

Showing posts with the label input

Stretching a HTML Input Box alongside additional input?

I'm using jQuery on this site, which has form inputs. I'd like one particular field to get longer (width) as the user enters data and space runs out. How can I calculate when I ACTUALLY need to make the input ( type="text" ) longer? What works for one browser may not work for all browsers. Is this something that can't be calculated, so everybody does it based on trial and error within each browser? Will I need to resort to this and tweak stretch values with a .keyup() that checks the value?.. EG.. $(".stretchInput").keyup( function(event) { var someValueAdjustedByTrialAndError = 30; var stretchPastLength = someValueAdjustedByTrialAndError; var stretchBy = 5; var baseWidth = 100; if ($(this).val().length > stretchPastLength ) { $(this).css('width',(baseWidth + ($(this).val().length - stretchPastLength ) * stretchBy ) + 'px'); } else { $(this).css('width',''); } });

Validate field, select or checkbox without form tag

Good day, I found a lot of topics about that, but, without a proper answer. Many of topics ended with question why you just can't add form? I'm working on a project that based on ASP.NET and I have one form tag, one form tag that contains all the html code inside it. I can't use any ASP.NET controls and must done validation by front-end (jQuery). Everything is fine when there is only one form and one submit button, then I can use simple query validation plugin, but it gets complicated when I have more than one form and of course more than one submit button. Any suggestion, ideas or real example how to do that? Maybe I can somehow put every field and submit button inside a div and validate them by submit within that div? Thank you!