<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>submit demo</title> <style> p { margin: 0; color: blue; } div,p { margin-left: 10px; } span { color: red; } </style> <script src="Scripts/jquery-1.4.1.js"></script> <script > /** * @author Remy Sharp * @url http://remysharp.com/2007/01/25/jquery-tutorial-text-box-hints/ */ (function ($) { $.fn.hint = function (blurClass) { if (!blurClass) { blurClass = 'blur'; } return this.each(function () { // get jQuery version of 'this' var $input = $(this), // capture the rest of the variable to allow for reuse title = $input.attr('title'), $form = $(this.form), $win = $(window); function remove() { if ($input.val() === title && $input.hasClass(blurClass)) { $input.val('').removeClass(blurClass); } } // only apply logic if the element has the attribute if (title) { // on blur, set value to title attr if text is blank $input.blur(function () { if (this.value === '') { $input.val(title).addClass(blurClass); } }).focus(remove).blur(); // now change all inputs to title // clear the pre-defined text when form is submitted $form.submit(remove); $win.unload(remove); // handles Firefox's autocomplete } }); }; })(jQuery); </script> <script type="text/javascript" charset="utf-8"> $(function () { // find all the input elements with title attributes $('input[title!=""]').hint(); }); </script> </head> <body> <p>Type 'correct' to validate.</p> <form action="" autocomplete="on" id="formsumit"> <div> <input type="text" id="search" autocomplete="on" title="by name or ticker"> <input type="submit" id="clickseach"> </div> </form> <script> $(document).ready(function () { $("#clickseach").click(function (e) { e.preventDefault(); // $("#formsumit").ajaxSubmit({ url: 'Default.aspx', type: 'post' }); // e.preventDefault(); }); }); </script> </body> </html>
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)
Submit an article or tip