[Robert Gardner]

Hello Mobi’ers,

I have a text field that I want to ensure is blank each time the application is started. How do I accomplish this?

Thanks in advance for your input.

[Brandon]

In your custom_js file you will find an on document loaded function. In there you can place something like this:

$(‘#m1-yourformname-textField1’).val(”);

which will set the textfield with no value.

[Robert Gardner]

Silly question…. where is the file you’re referencing?

[support-michael]

Here is an expanded version of Cincyplanets example. I assume you have an input field widget who’s ID property ends in Field1, e.g., TextField1. The code below is included in the <project>_custom.js file generated by mobione in the <project>_www/ directory.

/**
 * Called when document is loaded.
 */
phoneui.documentReadyHandler = function() {  
    document.addEventListener("deviceready", onDeviceReady, false);    
}

//called when cordova has initialized
function onDeviceReady() {
    document.addEventListener("resume", onDeviceResume, false);
    clearInput();
}

//called when the app resumes from background
function onDeviceResume() {
    clearInput();
}

//set the inputfield widget's text to empty string
function clearInput() {
    $('[id$=Field1]').val('');
}

[Brandon]

@Wayne
Great sample, I modified it a bit for the mobius blog: http://cincyplanet.com/mobius/

[Robert Gardner]

Hummm… I attempted to add the code you suggested.. Clearly I must be doing something wrong. It doesn’t clear the text… What am I missing?

Thank you

Attachments:

You must be logged in to view attached files.

[Brandon]

You need these lines as they initiate the clearing on startup:

* Called when document is loaded.
*/
phoneui.documentReadyHandler = function() {
document.addEventListener(“deviceready”, onDeviceReady, false);
}

//called when cordova has initialized
function onDeviceReady() {
document.addEventListener(“resume”, onDeviceResume, false); //ONLY NEED TO CLEAR ON RESUME
clearInput();
}

[Robert Gardner]

Cut and pasted your input to my custom.js file. Saved the updated file and rebuilt the app. I clearly am overlooking something.. It’s not clearing the text. 🙁

I’ve included the complete custom.js file for my project for review…(minus the comments at the top)

Thanks,

Attachments:

You must be logged in to view attached files.

[Brandon]

Try pasting this, make sure you dont have any double functions:

/**
* Called when document is loaded.
*/
phoneui.documentReadyHandler = function() {
document.addEventListener(“deviceready”, onDeviceReady, false);
}

//called when cordova has initialized
function onDeviceReady() {
document.addEventListener(“resume”, onDeviceResume, false);
clearInput();
}

//called when the app resumes from background
function onDeviceResume() {
clearInput();
}

//set the inputfield widget’s text to empty string
function clearInput() {
$(‘[id$=LegNote]’).val(”);
}

[Robert Gardner]

You win all the points… 🙂 That did it… I’ll have to review in detail to see what I did incorrectly the first couple of times…

Thank you!

[Robert Gardner]

Bonus round follow up question…..If I want to clear another text field where do I place the additonal code in the custome .js

This is the last line in the custom.js file. Do I duplicate all this or can I embed the code in the existing function?

//Clear the LegNote text each time app is resumed
function clearInput() {
$(‘[id$=LegNote]’).val(”);
}

Also, where can I read up on the phone functions described in the custom.js file…

Thanks again in advance for your input..

[Brandon]

Glad I could help.

You can place it in the same function:

Good Learning resources are:
http://www.genuitec.com/mobile/learningcenter.php
http://cincyplanet.com/mobius
http://cincyplanet.com/mobione/

and, for more advanced Cordova functions and features:
http://docs.phonegap.com

and for basic javascript learning:
http://www.w3schools.com

[Robert Gardner]

Thank you again!

[Author]

Posts