How to validate input fields as the user is filling up a form with jQuery?

Hello EA friends.
Someone has experimented on how to validate input fields as the user is filling up a form with jQuery?, if the field is numeric and insert an A for example, an alert appears showing "insert a number" or not allowed to enter anything until a number is entered.
Thanks and regards.
Fer

Hi Sudeshna.
Sorry for not responding on time, how can I be included in this code?
sym.setVariable("typeActivity", "input")
var Element_1=document.createElement(typeActivity);
$(Element_1).css({"text-align": "center"});
//Answer
sym.setVariable("Answer_1", "4");
sym.$("box_1").append(Element_1)
This code is on my creationComplete and it works fine.
Would greatly appreciate your help.
Regards.
Fer García

Similar Messages

How do we validate input fields on the selection screen

How do we validate input fields on the selection screen

hi balram,
u can validate input fields using <b>AT SELECTION-SCREEN</b> Event.
PARAMETERS : p_werks TYPE marc-werks.
AT SELECTION-SCREEN ON p_werks.
SELECT SINGLE *
FROM t001w
WHERE werks = p_werks.
IF sy-subrc <> 0.
MESSAGE 'Invalid Plant' TYPE 'I'.
ENDIF.
Like this, we can validate user input for plant.
check this link:
http://help.sap.com/saphelp_nw04s/helpdata/en/9f/db9a2e35c111d1829f0000e829fbfe/frameset.htm
http://help.sap.com/saphelp_nw2004s/helpdata/en/56/1eb6c705ad11d2952f0000e8353423/content.htm
Reware me if useful......
Harimanjesh AN

How to clear text fields when the user navigates back to the screen

Hi,
Does anyone have any idea on how to clear the text input fields and dropdown boxes when the user navigates back to the screen, say for e.g. create screen?
My issue is that i have plenty of fields in the create screen within a form. Is there a way to avoid programaticaly blanking out every field and just do it at the form level using an api to reset to a state before the user entry?
Thanks

This code allows you to make it more generic, and you would need to tweak it if there are more than TextInput controls, but it should provide some ideas.
As far as using states, you could use SetProperty to set the text to empty, but that might be messier.
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
    <![CDATA[
      import mx.containers.FormItem;
      import mx.controls.TextInput;
      import mx.events.IndexChangedEvent;
      import mx.core.Container;
      private function clearSreen(evt:IndexChangedEvent):void{
        var view:Container = tn.selectedChild as Container;
        for each(var child:Object in view.getChildren()){
          if(child is FormItem){
            var subchild:DisplayObject = child.getChildAt(0);
            if(subchild is TextInput){
              TextInput(subchild).text = "";
    ]]>
</mx:Script>
<mx:TabNavigator id="tn" resizeToContent="true"
    change="clearSreen(event)">
    <mx:Form id="frm1" label="View Number One">
      <mx:FormItem label="First name:">
        <mx:TextInput/>
      </mx:FormItem>
      <mx:FormItem label="Last name:">
        <mx:TextInput/>
      </mx:FormItem>
    </mx:Form>
    <mx:Form id="frm2" label="View Number Two">
      <mx:FormItem label="Address1:">
        <mx:TextInput/>
      </mx:FormItem>
      <mx:FormItem label="Address2:">
        <mx:TextInput/>
      </mx:FormItem>
      <mx:FormItem label="City:">
        <mx:TextInput/>
      </mx:FormItem>
      <mx:FormItem label="State:">
        <mx:TextInput/>
      </mx:FormItem>
      <mx:FormItem label="Zip code:">
        <mx:TextInput/>
      </mx:FormItem>
    </mx:Form>
</mx:TabNavigator>
</mx:Application>
If this post answers your question or helps, please mark it as such. Thanks!
http://www.stardustsystems.com
Adobe Flex Development and Support Services

How to validate input fields in a popup?

Hi guys,
i have a popup containing some input fields which i have to validate before closing the popup (if the validation fails, the popup should stay opened and print some error messages).
But since my view (inside the popup) doesn't has any events, because i use the popup buttons like recommended in other postings, i don't know where to apply the validation.
Any tips are very welcome.
Best regards
Philipp

Thanks for the tip!
I think you mean something like
lr_view_controller = wd_this->wd_get_api( ).
lo_window->subscribe_to_button_event(
button = if_wd_window=>co_button_ok
button_text = 'Person anlegen'
action_name = 'PERFORMCREATE_PERS'
action_view = lr_view_controller ).
But this binds methods of the "parent" (in my case the MAIN view) to the button, which gets applied after the view got closed!?
How can i bind methods IN the called popup view and perfom them BEFORE the close.
I'm sorry if i don't see obvious things.
Best regards
Philipp

How to validate date fields in the flash form

i want to validate the date fields to make sure the values
are not greater than today's date and from-date is less than or
equal to to-date in the flash form. Does the actionscript have a CF
DateDiff function for the validatation?
Thanks

I finally (after much reading up on actionscript) figured out
my problem with date validation...which was similar to yours...
I posted the solution I found for my AS date validation issue
here:
http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?catid=22&threadid=1232361
I hope it helps!!!

Which web part allows me to insert Enterprise Custom Fields for the user to fill out?

I've seen this done but Im having a hard time finding the correct web part type that would allow me to do this.
Editing the web part looks like this: http://i.imgur.com/MnVd9bO.png

Hi,
The name of the webpart is Basic Info and can be found under Project Web App category
Hope this helps
Paul

How i can show the selection screen input field in the top of page in alv

hi ,
          how i can show the selection screen input field in the top of page in alv grid output.
tell me the process

Hi,
excample from my program:
FORM topof_page.
DATA: l_it_header   TYPE TABLE OF slis_listheader WITH HEADER LINE,
        l_info        LIKE l_it_header-info.
DATA: l_it_textpool TYPE TABLE OF textpool WITH HEADER LINE.
DATA: l_key LIKE l_it_textpool-key.
READ TEXTPOOL c_repid INTO l_it_textpool LANGUAGE sy-langu.
DEFINE m_selinfo.
    if not &1 is initial.
      clear l_it_header.
      l_it_header-typ   = 'S'.
      l_key = '&1'.
      translate l_key to upper case.
      read table l_it_textpool with key key = l_key.
      if sy-subrc = 0.
        shift l_it_textpool-entry left deleting leading space.
        l_it_header-key = l_it_textpool-entry .
      endif.
      loop at &1.
        case &1-option.
          when 'EQ'
            or 'BT'
            or 'CP'.
            write &1-low to l_it_header-info.
          when others.
            write &1-low to l_it_header-info.
            concatenate &1-option
                        l_it_header-info
                   into l_it_header-info
                   separated by space.
        endcase.
        if not &1-high is initial.
          write &1-high to l_info left-justified.
          concatenate l_it_header-info
                      l_info
                 into l_it_header-info
                 separated by space.
        endif.
        if &1-sign = 'E'.
          concatenate ']'
                      l_it_header-info
                 into l_it_header-info.
        endif.
        append l_it_header.
        clear: l_it_header-key,
               l_it_header-info.
      endloop.
    endif.
END-OF-DEFINITION.
m_selinfo: s_trmdat,
             s_trmext,
             s_trmint,
             s_fkdat,
             s_delno,
             s_vbeln,
             s_deact,
             s_kdmat.
CALL FUNCTION 'REUSE_ALV_COMMENTARY_WRITE'
       EXPORTING
            it_list_commentary = l_it_header[].
ENDFORM.
I hope, this will help you.
Regards
Nicole

How to add an input field in the web UI of CRM 2007

Hi everybody.
I want add an Input field in the Web UI Screen. How it is possible.
I want get the information with detailed descriptions if possible with screen shorts.
What type of methods it will be generated and what are the code we entered in those methods.
Take according to any example. But with detailed description.
I am new for the CRM 2007. So, please give the screen shorts with proper data.
Not only adding the field. If any data i entered in the adding field then that will be stored in the tables otherwise no use by adding the field.
So, Can anybody please send a proper information according to this.
Here another one How to Add our own table (Ztable) field in the Web UI Screen.
How to add the same field in the BOL.
Please expalin about those concepts with full of screen shorts messages.
Thank You.
Regards,
Krishna.

If you want to add extra standard fields (like one you mentioned), you can use Component Workbench and Copy the configuration and create your own configuration and make the "Available Fields" appear there.
If the standrd field is not available, you can Add Context Node using wizard and make it visible.
If its a custom field (a new one); you will have to use EEWB and add the fields and then make it visible in the UI using Component Workbench.
Regards,
Alin

How to validate input using while loop?

I've written a short program that asks the user to enter their gender. I have a setGender method that checks that the user has entered either M or F before assigning the value to the gender variable. If they haven't, the program continues to ask for their gender until they type M or F. My problem is using the while loop to validate input (pls see below). It works when the user enters the wrong character but it continues to ask for input even after the user enters M or F. How can I fix this loop so that it stops on receiving the correct input and assigns it to the variable?
cheers
Chris
import java.io.*;
public class TestInput
private char gender;
public void checkGender()throws IOException
System.out.print("Enter your gender: ");
gender = (char)System.in.read();
System.in.skip(2);
setGender(gender);
System.out.println("Your gender is: " + gender);
public void setGender(char g)throws IOException
if (g == 'M' || g == 'F')
gender = g;
else
while (g != 'M' || g != 'F') //Problem area - loop continues after user enters M or F
System.out.println("Enter M or F for passenger's gender: ");
gender = (char)System.in.read();
System.in.skip(2);
} //end class

// old code
while (g != 'M' || g != 'F') // At least one of these comparisons will be true no matter what is given.
// what you really meant?
while (g != 'M' && g != 'F') // keep going while you don't have a valid answer

How to validate input's in selection-screen

Hi ,
can any one how to validate input's field's in selection-screen and each field has diffirent tables and what is the table name which has all the validating fields??
Thank's in advance..

hi,
You can use validate selct-options using select query by obtaining the realtionship from table .Using the selection-screen events You can write code for validation as follows.
tables:
kna1.                                " General Customer data
*"Selection screen elements............................................
select-options:
s_kunnr for kna1-kunnr.              " Customer number
*"Data declarations...................................................
Data declaration of the structure to hold kna1 details              *
data:
begin of fs_customer,
    kunnr type kna1-kunnr,             " Customer number
    adrnr type kna1-adrnr,             " Address
    anred type kna1-anred,             " Title
    erdat type kna1-erdat,             " Created on
    ernam type kna1-ernam,             " Created by
end of fs_customer.
*"Constants declarations..............................................
constants
w_path type string value 'D:\DOWNLOAD\CUSTOMER'.
Internal table to hold customer details                             *
data:
t_customer like
    standard table
          of fs_customer.
                      AT SELECTION SCREEN OUTPUT                    *
at selection-screen.
perform retrieve.
Form RETRIEVE                                                     *
This subroutine retrieve customer data from table kna1             *
There are no interface parameters to be passed to this subroutine. *
form retrieve .
select kunnr                         " Customer number
         adrnr                         " Address
         anred                         " Title
         erdat                         " Created on
         ernam                         " Created by
    into corresponding fields of table t_customer
    from kna1
   where kunnr in s_kunnr.             " END SELECT
if sy-subrc ne 0.
    message text-001 type 'E'.
    exit.
endif.                               " IF SY-SUBRC NE 0
endform.                               " RETRIEVE
regards,
veeresh

How to hide input fields on selection screen using variant attribute

Hello all,
I want to know how to hide input fields on selection screen using variant attribute conpletely.
As you know, when setting the attribute of variant "Hide field" checked, the field is temporarily hidden, but when clicking "All Selections(F7)" button on the selection screen, the fileds become appeared.
I want to hide the field completely. Di you know how to do ?
Thank you for your support.
Regards,
Hideki Kozai

Use this attribute hide field and save the variant. Then create transaction for this program setting default variant for parameter Start with variant . The user who runs it will have it by defualt set.
Otherwise
in PBO simply use LOOP at screen and output = 0 for this field. This will ensure that field is invisible in any case.
Regards
Marcin

How to get Input field value?

Hi All,
I have some problem in getting of input value from View to customcontroller.
My problem is I have created a Input field in the view and if Iam giving the value to that field I can capture the value from View to customcontroller and send it as BAPI input.But My input filed is in the view Context.
How can i capture InputFiled value from View to CustomController.
Advance thanks
Nageswara.
Message was edited by: nageswar mandapati

Thanks for your response Patrick,
In my customcontrollerView all my BAPI mathods instances and execute methods are declared.All the attributes directly getting from model class.
But I have two views , in first view I created a input field(for that i created valueAttribute in that context).
Here I want give the conditions If the input field is empty then directly call the execute method of BAPI.
Otherwise give any input to the inputfiled then capture that value and send it input to BAPI from view to BAPI.
In my customcontroller
BAPI b = new BAPI();
b.Param1();
b.param2();
and
execute BAPI()
I done like this.
How can i capture the view input value how to send as a b.parama();
Please guide me .
Any snippests appriciate.
Thanks
nageswara.

Can I set up a form so that there is text in the fields when the user opens the file?

My client is interested in supplying schedules of activities in a PDF, and would like it so that a person can use what's in the document, or replace their own information in place of what's supplied.
I've set up forms for filling in blanks, but I've not seen if some text can be left in the fields to start with. For example, leaving a "your name" text line in a field where the user clicks on that phrase and it disappears (like you see in a number of forms on web pages).
Is this possible with Acrobat? If not, we'll probably have to go to a Word based solution, but I'd get better design if I do it in InDesign and add this functionality to a PDF.

George,
Thanks for keeping track of the discussion. I appreciate that you've taken the time to help me. My clients love the fact they can create these curriculum schedules with editable blocks that will allow the original info to return if the block is emptied. Now they'd like book titles italicized.
I downloaded the Javascript reference PDF and found the "richValue" information, but I'm not grasping the concept of how to add it to my page. I'm not Javascript-literate, so I'm more inclined to add HTML tags or something like
and to make something italic.
Here is the example they gave:
Example
Turn all bold text into red underlined text.
// Custom format event for a rich text field.
var spans = event.richValue;
for ( var i = 0; i < spans.length; i++ )
if( spans[i].fontWeight >= 700 )
spans[i].textColor = color.red;
spans[i].fontWeight = 400; // change to default weight
spans[i].underline = true;
event.richValue = spans;
I think I understand the 400 and 700 numbers as font weights, and that "underline" could be replaced with "italic". So I'm trying to figure out what I would need to write in order to make specific words italic in a block of text in the example you provided:
// If field is blank, display this text
if (!event.value) event.value = "Your name here";
Can a span be ID'd by placing a sort of tag around the words? Like... (pardon my fake Javascript)
// If field is blank, display this text
if (words.are) 'i' then italics = true
if (!event.richValue) event.richValue = "Your 'i'name'i' here";
(You're probably laughing at my attempt here, but I hope my point is made :-) ).
David

How to add new fields to the system form (Ex.expenses to a/r invoice form)

hi
can any one tell me how to add new fields to the system form (Ex.expenses to a/r invoice form)
i want to add expenses field to system a/r invoice form and connect data base also.
i used the code of samples\11.system form manipulation(vb.net) but i'm not able to get it....so can any one help with code or concepts.
reply soon plz..
thankQ

If I understood you correctly, you are just trying to add new fields to the invoice form and then use them in your form. you should first go and add the field to your tables, which you would do by going to Tool --> User Defined Fields --> Manage User Fields. There are different documents or categories given. For ex. for invoices, Sales Orders you would add your field under the Marketing Documents. If you want the field to be just one per invoice, add it to the Title, otherwise if you want a field per invoice or Sales Order line, add it to the Rows section. Once you have done that then you can just create a edit box or drop down to represent the field and set the datasource for that to your field. If you want example code to do that, let me know.

How to disable Password field in Oracle User administration

Hi ,
How can I personalize the password field on the user - define form not updatable ? I have tried forms personalization on this field but it didnt work. Can anyone have an idea whether this field can be personalized at all
Thank you in advance !

See if this works out for you. I tested and it is ok
Trigger Event - WHEN-NEW-ITEM-INSTANCE
Trigger Object - USER.USER_PASSWORD
Processing Mode - Both
Action Type - Property
Object Type - Item
Target Object - USER.USER_PASSWORD
Property Name - ENABLED (APPLICATIONS COVER)
Value - FALSE
Save and close/open both forms. In Enter or Query modes, when ever user navigate to Password field, it is disabled and not editable.
Hope this works as you expected. Just play around :-)

How to validate input fields as the user is filling up a form with jQuery?

Similar Messages

Maybe you are looking for