?
Solved

text boxes not showing previous entered values on double click

Posted on 2014-03-22
9
Medium Priority
?
894 Views
Last Modified: 2014-03-28
Hi,
I have created a form having various text boxes? the form is working fine,problem point is even if i submit the 20 times with different values like h,hh,hhh,hhh,hhh1,hh2 for a single field say name. now when i double click the name or type h as value it is not showing the auto complete for the values which were entered before.

Problem is not related with browser setting as far as i can guess bcoz it is same in other browser also like IE,Firefix,chrome. Also if i see other browse other websites there is no such point.

It is only in my html,Can anybody please provide wht can be wrong?
0
Comment
Question by:Rocking
  • 5
  • 4
9 Comments
 
LVL 24

Expert Comment

by:mankowitz
ID: 39948158
1. Make sure you set the name attribute as well as the id attribute to the input tag

What is your name? <input name="name" id="name">

instead of

What is your name? <input id="name">

2. make sure you don't have autocomplete="off"
0
 

Author Comment

by:Rocking
ID: 39948462
i am using name and id both regarding auto complete i am using html4
0
 
LVL 24

Expert Comment

by:mankowitz
ID: 39948546
Are you using ajax to submit the form? It only saves the autocomplete when you push the submit button. Here is a workaround

http://www.kirupa.com/forum/showthread.php?346632-Force-auto-complete-on-form-fields

<form action="">
<input type="text" name="firstname" />
<input type="text" name="lastname" />
<input type="text" name="email" />
</form>
<a href="#" onclick="forceAutoComplete();ajax.send()">Send</a>

<script type="text/javascript">
//<![CDATA[
function forceAutoComplete() {
var $forms = document.getElementsByTagName("FORM");
for ( var i = 0; i < $forms.length; i++ ) {
var $form = $forms[i];
var $submit = document.createElement("INPUT");
$submit.type = "submit";
$form.appendChild($submit);
$form.onsubmit = function(){return false}
$submit.style.display = "none";
$submit.click();
}
}
//]]>

Open in new window

0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Author Comment

by:Rocking
ID: 39948792
yes i am using ajax to submit the form,Is it because of ajax why i am unable to view the previous values submitted on double clicking text box?
ajax code is

function SubmitFrm() {
       {
            $.ajax({
                  type : 'post',
                  url : 'testsubmit',
                  data : $('#registerform').serialize(),
                  async : false,
                  dataType : "text",
                  beforeSend : function() {
                        $.blockUI({ message: '<h1><img src="../img/loading.gif" /> Processing...</h1>'});
                  },
                  complete : function() {
                        $.unblockUI();
                  },
                  success : function(data) {
                  $.unblockUI();
                        alert(data);
                        
                  },
                  error : function(data) {
                        // check status && error
                  }

            });
      }
0
 
LVL 24

Expert Comment

by:mankowitz
ID: 39950132
Yes. the autocomplete values are only stored when the form is actually submitted.
0
 

Author Comment

by:Rocking
ID: 39950803
is it necessary the button type to be submit to persist the values or button type "button" is also OK ?

 It only saves the autocomplete when you push the submit button.
0
 
LVL 24

Expert Comment

by:mankowitz
ID: 39952092
I think the button type is also ok, as long as its action is set to submit the form.
0
 

Author Comment

by:Rocking
ID: 39956415
i applied the code provided by you but the values are not persisted,there could be any other problem
0
 
LVL 24

Accepted Solution

by:
mankowitz earned 2000 total points
ID: 39960691
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses how to create an extensible mechanism for linked drop downs.
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
This video teaches viewers how to create their own website using cPanel and Wordpress. Tutorial walks users through how to set up their own domain name from tools like Domain Registrar, Hosting Account, and Wordpress. More specifically, the order in…
Suggested Courses

807 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question