Solved

text boxes not showing previous entered values on double click

Posted on 2014-03-22
9
785 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
 

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
DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

 
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 500 total points
ID: 39960691
0

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

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

Suggested Solutions

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
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…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

863 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

Need Help in Real-Time?

Connect with top rated Experts

26 Experts available now in Live!

Get 1:1 Help Now