How to disable and enable submit button in javascript

2 New Member

Hello,
How do I disable a submit button for 2 minutes and then enable it from 10 minutes past from the hour i.e 12:08 to 12:10 disable button and then enable from 12:10 to 12:18 disable from 12:18 to 12:20 and so on around the clock. Can this be done in JavaScript. Thanks for your help.

Jan 19 '18 #1

Subscribe Reply

4433

Luuk

1,047

Recognized Expert Top Contributor

I've changed your request from minutes to seconds, but you can change that yourself with the following code

Expand|Select|Wrap|Line Numbers

 <!DOCTYPE html>

<html>

<body onload="setInterval(myFunction,100)">
 
<p>Click the button to display the minutes of the time right now.</p>
 
<button id="mybutton" onclick="myFunction()">Try it</button>
 
<p id="demo"></p>
 
<script>

function myFunction() {

    var d = new Date();

    var nh = d.getHours();

    var nm = d.getMinutes();

    var ns = d.getSeconds();

    document.getElementById("demo").innerHTML = (nh*100+nm)*100+ns;

    var t = ns;

    document.getElementById("mybutton").innerHTML = t % 10;

    if ((t % 10) >=8 && (t % 10) <10) 

        document.getElementById("mybutton").disabled = true

    else 

        document.getElementById("mybutton").disabled = false

}

</script>
 
</body>

</html>

Jan 20 '18 #2

Dennyh

New Member

Thank you you are a star and you will go far.

Jan 20 '18 #3

RockybBalboa

New Member

Thank you great solution.

Feb 1 '18 #4

Sherin

New Member

The Code

Expand|Select|Wrap|Line Numbers

 <html>

<head>

    <title>Enable/Disable Submit Button based on Multiple Textbox values</title>

</head>

<body>    

    <p>Enter some values in the text to Enable the Submit button!</p>
 
    <p>Name: <input type="text" id="name" placeholder="Enter your name" 

        onchange="manage(this)" /></p>

    Designation: <input type="text" id="desig" placeholder="Enter designation" 

        onchange="manage(this)" />
 
    <input type="submit" id="submit" disabled />

</body>
 
<script>

    function manage(txt) {

        var bt = document.getElementById('submit');

        var ele = document.getElementsByTagName('input'); 
 
        // LOOP THROUGH EACH ELEMENT.

        for (i = 0; i < ele.length; i++) {
 
            // CHECK THE ELEMENT TYPE.

            if (ele[i].type == 'text' && ele[i].value == '') {

                bt.disabled = true;    // Disable the button.

                return false;

            }

            else {

                bt.disabled = false;   // Enable the button.

            }

        }

    }    

</script>

</html>

Mar 5 '20 #5

gits

5,390

Recognized Expert Moderator Expert

The Code

Expand|Select|Wrap|Line Numbers

<html>

<head>

    <title>Enable/Disable Submit Button based on Multiple Textbox values</title>

</head>

<body>

    <p>Enter some values in the text to Enable the Submit button!</p>

    <p>Name: <input type="text" id="name" placeholder="Enter your name"

        onchange="manage(this)" /></p>

    Designation: <input type="text" id="desig" placeholder="Enter designation"

        onchange="manage(this)" />

    <input type="submit" id="submit" disabled />

</body>

<script>

    function manage(txt) {

        var bt = document.getElementById('submit');

        var ele = document.getElementsByTagName('input');

        // LOOP THROUGH EACH ELEMENT.

        for (i = 0; i < ele.length; i++) {

            // CHECK THE ELEMENT TYPE.

            if (ele[i].type == 'text' && ele[i].value == '') {

                bt.disabled = true;    // Disable the button.

                return false;

            }

            else {

                bt.disabled = false;   // Enable the button.

            }

        }

    }

</script>

</html>

ok - since 'the code' is constantly posted regardless of being not useful in this context (since its not related to the OP's requirements) lets use it as an example of how not to write Javascript code (even for the 'selfchosen' example the poster decided to throw out code for):

1. function has a meaningless name
2. function gets a parameter passed that is never used
3. the variable i is an implicit global
4. wrong inline comment
5. return value not used but return misused to break out of the loop
6. loop is unnecessarily evaluating length in each iteration
7. element lookup in loop happens twice instead of 1 time only per iteration

Mar 5 '20 #6

Similar topics

11273

Submit Button

by: Jimbo | last post by:

I am trying to right a script so that the "submit button" only appears when certain criteria has been met. I have tried putting it in an IF statement, without any luck. Maybe a function would allow me to do this? <input type="Submit" value="Update"> Any help would be greatly appreciated TIA

PHP

2005

Re-enabling a disabled submit button if browser times out

by: Frank Way | last post by:

Hi all, I've googled this one to death, and still can't find an answer. Not sure I'm asking the right question, but here goes: Have a form with an onSubmit that has some javscript to disable the submit button. When the user clicks submit, the value of the button changes to "Processing..." and the button disables. The cgi to which it is submitting will process the data and render the

Javascript

4939

enable submit when all fields are popuplated

by: Mel | last post by:

i want to diable all submit_buttons untill all my form elements are populated. how can i do that ? thanks

Javascript

5581

Adding onClick to submit button

by: Dmitry Korolyov [MVP] | last post by:

When we use btnSubmit.Attributes = "javascript: this.disabled=true;" to make the button disabled and prevent users from clicking it again while form data still posting, there is no longer postback. I.e. the button does go disabled, but the form does not invoke submit() method. Of course, it does work fine without this property. Clues?

ASP.NET

13095

Preventing Multiple submit (Disabling Submit Button Post Click) Solution

by: Mark | last post by:

This is a solution... Often users want to keep clicking "submit" when they are waiting for server processing. Most apps these days like to disable the submit button to prevent this. You can't just disable the button in the OnClick event in ASP.Net because then the Click event won't post to the server (because you disabled it). I searched google groups, and there is a solution to this problem, but I didn't think it was clean enough and...

ASP.NET

3161

Disable Submit Button

by: Jeff | last post by:

I have a payment form with a submit button. A large percentage of users double-click the submit button thus submitting their payment information twice. I would like to use javascript to disable the submit button once it's been clicked, yet still have the form submit. I can do this in ASP 2.0, however, ASP.Net seems to be adversely affected if you disable the submit button. Here's how I have it set up... The submit button is a...

ASP.NET

7237

Enable submit button when one checkbox ticked

by: connieyongg | last post by:

hi, Lets consider if i have to display my data dynamically using ASP ( the no of data to be displayed is an unknown), My data will be in this format Checkbox_1 data_1a data_1b Checkbox_2 data_2a data_2b . . . . . . . . . . . . Checkbox_n data_na data_nb

Javascript

11688

How to disable/Enable the button while loading the jsp page using javascript

by: javafool | last post by:

Hi, in my case i want to disable the button while clicking onload() in my jsp page.............but i can't do that..........please help me out......... Ex: this is my onload()......... var SelectedElementId=<%=request.getParameter("selectedId") %> //var selectedPredicateType = <%=request.getParameter("selectedType") %>

Javascript

2880

Disable HTML Submit Button won't display until all JavaScript is Done

by: labmonkey111 | last post by:

I have a form that takes several seconds to run the javascript needed to prepare the form for PHP (selecting all items in a Select Multiple). Since it takes so long, I want to disable the Submit button and Change the text to "Please Wait..." I have the code done, and it sorta works. FireFox3 does not seem to update the page until all JavaScript is done executing, so after the few seconds of nothing happening, then the button is disabled and...

Javascript

11817

enable/disable submit button

by: andersond | last post by:

I need to enable or disable a submit button based on the value of a data field stored in a database. I have found working examples of how to enable or disable based on a checkbox; but, I need it to work based on a data field value. I have created a textbox in a hidden area that contains the stored data value. I have set the beginning value of the submit button to disabled. I want the submit button to be enabled if the value in the textbox is...

Javascript

8310

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...

Windows Server

8503

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...

Windows Server

8605

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...

General

7330

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...

Career Advice

6166

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...

Microsoft Access / VBA

5632

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...

C# / C Sharp

4155

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...

Networking - Hardware / Configuration

4306

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

1955

How to add payments to a PHP MySQL app.

by: muto222 | last post by:

How can i add a mobile payment intergratation into php mysql website.

PHP