Spry validation disables Submit button

Hey,
I'm using spry validation on text boxes and dropdown menu's
.. for some reason, on certain pages when the form is submitted and
validated, if there's a problem with one of the fields, the submit
button is disabled and won't enable again. Any ideas on how I can
stop this from happening?

Bump :o)

Similar Messages

Custom validation is disabling submit button

Hi there,
I am using the update/insert feature within ADDT, but wanted to use my own validation using JavaScript. Everything works fine, the validation pop-up works etc, but the submit button is disabled. I'm guess that the transaction has started with the ADDT, but the javascript has stopped it. How can I get around this? any suggestions welcome...
Thanks in advance...

Hi,
Have you tried different browsers to double check. I remember a couple months ago I was helping someone with a similar problem, it worked in one browser fine but not the other so we had to rewrite the code. Initially the code looked fine but just didnt work in IE.

Spry Validation on submit in Firefox doesn't work

Hello,
I have some forms that use spry validation, everything works
great and as expected in IE, but in Firefox the validation fails to
work on submit of the form, but does work onblur of the text box's?
so it partially works just not on form submit. So if someone came
and just clicked the submit button the form wouldn't validate, but
if someone did what they are suppose to and fill in name, email...
the validation works as you tab to the next form element.
I don't have the website online, to show... any idea's, why
this may happen only in firefox?
Thanks,

Hi cchauvin08,
If you can't post your page on the web for others to see,
then perhaps you can paste the relevant markup/code. For example,
what type of inputs are you using? You said "text box" do you mean
a TextArea or a TextField? What does the widget constructor for
that particular validation field look like? What does the markup
look like, including the markup for the <form> tag?
We're going to need more info due to the fact that some of
these validation widgets have multiple configurations (types of
validation).
--== Kin ==--

Client side validation with submit button in another region

Hi,
I have two regions, one containing a form with input texts for the user to fill in, and another region with a command button. A few of the input fields use the ADF "required" validator.
My problem is that when I click the submit button, and it does some logic to commit the form to a data base, even if the validator triggers and says that one of the required fields is empty, all the other fields get committed, except the ones that are empty. They get the last valid value.
What I want is the button to trigger the ADF message that doesn't allow the user to continue with the update. This doesn't happen though.
Anyone have any ideas? If you need a more thorough explanation, please let me know.

Regions work as indipendent pages.
Yet if submit buttons are partialSubmit="false" then both regions (pages are submited).
Still there is a bug when commiting data:
[http://adfbugs.blogspot.com/2009/08/page-with-region-validations-bug.html]

RESOLVED - iExpense: Disable Submit Button based on checkbox not working

Hi,
We have a requirement for a checkbox in iExpense Review form(FinalReviewPG) where there should be a checkbox stating the terms and policies are met etc. Unless the user checks the checkbox the SUBMIT button shouldnt be enabled. I am creating the custom checkbox using personalisation in the page with initial/unchecked value as N and checked value as Y. This is created at SITE level.
Now I have also created a custom controller extension xxButtonCO to extend the standard ButtonsCO controller which should do the disable/enable of the button OIESubmit. I ported this controller to the custom top and have extended the controller to both OIE Expenses Entry Flow function and Internet Expenses responsibility. But the checkbox though visible is not affecting the SUBMIT button. Also funnily, I save the controller class as xx.oracle.apps.ap.oie.webui.xxlcButtonCO and click apply only to see this concatenated to apps.ap.oie.webui.xxlcButtonCO / Function.
Is that causing an issue? Also, sometimes I just run into an arbitrary NULL pointer exception and other times it says oracle.apps.fnd.framework.OAException: Could not create Java class. I have verified the class file not java file is in correct directory and has right permissions.
What could possibly be wrong here?
Edited by: 865082 on Jun 15, 2011 5:33 AM
Edited by: 865082 on 20/06/2011 22:21

Hi Kali,
Many thanks for your response. I have quit trying to run this page directly from the instance and am now trying to do this firsly from the JDeveloper. The same issue is occuring from that end as well. My checkbox value is not getting recognised in the code. The checkbox is added to the Business Expenses tab and the intial/unchecked value is N while the checked value is Y. I am trying to control the submit button in the buttonbar based on the checkbox value using the following command
OAMessageCheckBoxBean cbbean = (OAMessageCheckBoxBean)webBean.findChildRecursive("XXReviewCheck");
where XXReviewCheck is the checkbox ID. However the print statements show that the cbbean is null. It is definitely calling the controller and trying to figure out the value. The value is just not coming to this section. Any ideas?

Disabling submit button after resetting the form.

Hi. I'm new to JSF/Richfaces and there's something I'd like to do that I just can't figure out.
Currently, I have a form with various fields to be edited, and the standard Submit and Reset buttons. The Submit button is disabled until a user changes a value on the form, and then I enable it using an A4J event. My problem is that I would like to disable the submit button again if the user clicks Reset. I'd like this to be completely client-side if possible, which I understand would require some javascript to implement, but I haven't been able to come up with a solution that works. Does anyone know how I could do this (with an example, preferably)?
It's a pretty simple scenario, but here's the button code anyway:
<h:commandButton id="submitButton" value="Submit" action="#{dataBean.submitForm}"
disabled="#{! dataBean.pageEdited}" />
<h:commandButton value="Reset" type="reset">
<a4j:support event="onmouseup" reRender="submitButton" />
</h:commandButton>

I see, thanks! I looked up another example on using the DOM (I told you I was new!) and created the following javascript function, and it worked perfectly. I like that it automatically re-renders the button too so I don't need an A4J event.
function disableSubmitOnReset(){
document.getElementById('main_form:submitButton').disabled = true;
}Definitely as simple as I figured it would be. :P

Disable submit button after clicking on it

Hi all,
I m beginner at working with JHeadstart.
I searched through this forum but I couldn't find any solution for my problem,
Now, i want to know how i can disable save button (or any other button) after clicking on it.
I dont know, but It can be done by writing .vm, do u have an idea?
Thanks for ur kind replies:)

Hi,
If you only want to be able to submit once you can add the following disabled property with EL expression to your save button in the jspx page.
disabled="#{adfFacesContext.postback}"
The save button will only be clickable upon initial entry of the page.
To persist this change when generating your application you can use a custom velocity template. Have a look at the JHeadstart developers guide, paragraph 4.7
http://download.oracle.com/consulting/jhsdevguide1013.pdf
If you want to have an insert only form you can also use an insert only View Object (go to the view object editor and select the tuning tab and the "No rows" option)
Regards,
Ruud Bijkerk
JHeadstart team

Disable submit button after submission

We have a form that we have distributed to multiple users. The form is set so that submissions go to a pre-defined server location. The problem is that some of the users submit the form multiple times (not sure why). Perhaps they don't notice the message that says "Form submitted". In any case, we would like to disable the submit button after the form is submitted (even it is only for that "session"). I know that once the form is closed and reopened the button will work again and that is ok. If anyone has some suggestions I would appreciate it. Thanks.

hi,
modify the above script to:
this.access = "readOnly";
your submit button will be set to read only.
Regards--
Chalukya

Disabled Submit Button

At the time of submit the submit button is disabled. Is there a way to disable this functionality for certain form?

by default, on nextensio forms, it is done automatically, but what you seek is done by javascript. something like:<br /><br />I found this here: http://www.houseofscripts.com/scripts/javascripts/disablebut.htm <br /><br />As you can see, this code allows us to do disable any button - either Submit or Button.<br />Just add onClick="Disab (1)" <br /><HTML><br /><HEAD><br /><br /><SCRIPT LANGUAGE="JavaScript"><br /><br />function Disab (val) {<br /><br />if(val=="1") <br />{form1.Submit.disabled=true}<br /><br />if(val=="2") <br />{form1.Button.disabled=true}<br />}<br /><br /></SCRIPT><br /><br /></HEAD><br /><BODY TEXT="000000" BGCOLOR="FFFFFF"><br /><br /><FORM name="form1" method="post" action=""<br />enctype="text/plain"><br /><input type="submit" name="Submit" value="Submit" onClick="Disab (1)"><br /><input type="button" name="Button" value="Button" onClick="Disab (2)"><br /></FORM><br /><br /></BODY><br /></HTML>

How to disable the submit button

Hello ,
I have multiple controls on a page . I want to disable submit button until the user enters all the fields .
How to do this . appreciate your help in this .
rgds
kumar

Hi Kumar,
watch this post: disabling the submit button
Tobias
http://apex-at-work.blogspot.com

How to disable submit more than once?

Hi,
I have a form with a huge number of fields and validations on their validate event.
The form has a submit button with the following routine:
myDoc.submitForm(
cURL: URL,
cSubmitAs: "PDF"
My goal is that the user will be able to submit the form only once.
If I hide the submit button after this script there is a chance that one of the fields not pass the validation, the button disappear and user is not able to submit any more.
Otherwise nothing avoid from the user to submit the form multiple times.
Anyone has an idea?

here you can use
if()
else if()
else if()
else
write code that you want to execute in last.
Untill top conditions are not satisfied, code below that condition will not be executed. So no need to disable submit button because when user will click on submit button it will check all the condition from top.
Thanks

How to Use Spry to Validate Radio button

How to use Spry Validation for radio button?
The samples only have checkbox, text, select and textarea.
Thanks

I needed to add radio buttons to the live (non-destructive)
filter so users could choose which column they wanted to search
data from. Its been modified from the "contains CB" but works
nicely. It also had to rebuild table when another button was
selected. I'll post some code if anyone would like to use it....
The Form area -
<form name="filterform">
Data Filter: <input type="text" id="filterTF"
onkeyup="StartFilterTimer();" />
<input type="radio" id="containsCB" name="radio"
value="module" onclick="resetfilter();" checked /> by Module
<input type="radio" id="containsCB" name="radio"
value="oper" onclick="resetfilter();" /> by Oper
<input type="radio" id="containsCB" name="radio"
value="phone" onclick="resetfilter();" /> by Phone
<div id="radiovalue"></div>
</form>
The JS area -
function FilterData()
var tf = document.getElementById("filterTF");
for (var c=0; c < document.filterform.length; c++)
if (document.filterform[c].checked)
var choice = document.filterform[c].value;
if (!tf.value)
// If the text field is empty, remove any filter
// that is set on the data set.
dsRows.filter(null);
return;
// Set a filter on the data set that matches any row
// that begins with the string in the text field.
var regExpStr = tf.value;
regExpStr = "^" + regExpStr;
var regExp = new RegExp(regExpStr, "i");
var filterFunc = function(ds, row, rowNumber)
var str = row[choice];
if (str && str.search(regExp) != -1)
return row;
return null;
dsRows.filter(filterFunc);
function StartFilterTimer()
if (StartFilterTimer.timerID)
clearTimeout(StartFilterTimer.timerID);
StartFilterTimer.timerID = setTimeout(function() {
StartFilterTimer.timerID = null; FilterData(); }, 400);
function resetfilter() {
// var tf = document.getElementById("filterTF");
// var tfval = tf.value;
document.getElementById("filterTF").value = "";
StartFilterTimer();

How to prevent multiple clicks of submit buttons in OAF Pages

Hi All,
Our page takes around 30 seconds to 1 minute for processing.
Some users are not patient enough. I have tried putting the below code in my PR method.
OAWebBean body = pageContext.getRootWebBean();
if (body instanceof OABodyBean)
((OABodyBean)body).setBlockOnEverySubmit(true);
This code disables submit button for some time. After few seconds, the submit button can be clicked again by the user.
Also, if I click on other browser window and come back to OAF page, the submit button can be clicked again immediately.
Have also searched OAF forum but didn't find any satisfactory answer.
Need answer from Oracle on this. If not answered on the forum, will raise an SR.

Hi Amit,
Try using the Processing Symbol , after clicking the Submit button. Which does shows you processing clock symbol once you click Submit Button.
Regards
Raghu

Disable submit twice with valid spry validation

Is there a line of javascript that can be added to the textfield .js file (or elsewhere) to disable the submit button if clicked, only if all spry fields are valid so users/clients don't submit twice? But stay active if spry fields are invalid so users can make corrections and submit again?

In my simplistic way of thinking, if the SpryValidationTextField.js script already tells the form to stop submission and give error messages if textfields are invalid
Correct, but without the click on the submit button, there is no trigger, hence no error messages.
I guess we could simulate a form submit. Maybe you would like to play around with
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet">
</head>
<body>
<form id="myForm" action="" method="post">
<div id="sprytextfield1">
    <label for="text1"></label>
    <input type="text" name="text1" id="text1" onkeyup="validateEnableSubmit();">
    <span class="textfieldRequiredMsg">A value is required.</span> </div>
<div id="sprytextfield2">
    <label for="text2"></label>
    <input type="text" name="text2" id="text2" onkeyup="validateEnableSubmit();">
    <span class="textfieldRequiredMsg">A value is required.</span> </div>
<div id="sprytextfield3">
    <label for="text3"></label>
    <input type="text" name="text3" id="text3" onkeyup="validateEnableSubmit();">
    <span class="textfieldRequiredMsg">A value is required.</span> </div>
<div>
    <input id="myButton" name="myButton" type="submit" disabled>
</div>
</form>
<script src="SpryAssets/SpryValidationTextField.js"></script>
<script>
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");
var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2");
var sprytextfield3 = new Spry.Widget.ValidationTextField("sprytextfield3");
function validateEnableSubmit(){
    var myForm=document.getElementById("myForm");
    var validForm = Spry.Widget.Form.validate(myForm);
    if(validForm == true)
        document.getElementById("myButton").disabled = false;
    else
        document.getElementById("myButton").disabled = true;
</script>
</body>
</html>

Spry validation issue with submit button

Hi,
I'm new to Spry but am having an issue getting it to work at all. I created a very simply form (i.e. table with Spry text field and submit button). I've read many articles and been to several forums, but I can't seem to find the issue I'm having. Basically, when I go to preview the page in a browser, the table with the Spy text field and submit button comes up fine, but when I hit the submit button, I see the page refresh and any values I had in the text field disappear, but nothing ever comes up saying "A value is required," which is what I'm looking for. This happens even if I don't have any values in the text field. Below are images of what I'm describing and also the code. I verified that the "Required" check box is checked in the SpryTextField and the submit button action is selected to "Submit Form." My setup is Win 7, DW6, & XAMPP. Any help you can provide would be greatly appreciated.
Before Submit Button pressed:
Browser after button pressed: (same as above but no message saying "A value is required.")
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
</head>
<body>
test
<table width="600" border="1">
<tr>
    <td><form id="form1" name="form1" method="post" action="">
      <span id="sprytextfield1">
      <label for="test"></label>
      <input type="text" name="test" id="test" />
      <span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldInvalidFormatMsg">Invalid format.</span></span>
    </form></td>
</tr>
<tr>
    <td> </td>
</tr>
<tr>
    <td> </td>
</tr>
<tr>
    <td> </td>
</tr>
<tr>
    <td><form id="form2" name="form2" method="post" action="">
      <input type="submit" name="submit" id="submit" value="Submit" />
    </form></td>
</tr>
<tr>
    <td> </td>
</tr>
</table>
<script type="text/javascript">
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "email");
</script>
</body>
</html>

Do yourself a big favor and don't waste time with Spry Validation. Most modern browsers support HTML5 forms with the required attribute.
If you must placate older browsers, use jQuery validate script. It's lightweight and works when HTML5 support is missing. You can see an example below. If you hit submit with empty form fields, the required fields pop-up with messages. View source in browser to see the code.
HTML5 Form with jQuery Validation
Nancy O.

Spry validation disables Submit button

Similar Messages

Maybe you are looking for