• 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!

TOPIC: text field verification before submit

text field verification before submit 2 years 6 months ago #42276

  • fchan
  • fchan's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 11
Dear Sirs,

I have three text fields in rsformPro, duration+start_time= end_time (e.g. 00:30:00+11:00:00=11:30)

How can I blur (disable) a submit button something likes

if (duration == "" OR end_time == start_time) {
button.disabled = true;
} else {
button.disabled = false;
}

** my reference css javascript **
reference link： stackoverflow.com/questions/6199773/how-...n-based-on-scenarios


const disableButton = true; //change this value to false and the button will be clickable
const button = document.getElementById('checkout-button');

if (disableButton) button.disabled = "disabled";
.checkout-button {
width: 130px;
height: 35px;
background: #333;
border: none;
vertical-align: top;
margin-left: 35px;
cursor: pointer;
color: #fff;
}
.checkout-button:disabled {
background: #999;
color: #555;
cursor: not-allowed;
}
<button type="submit" class="checkout-button" id="checkout-button" name="checkout-button">submit</button>
Last Edit: 2 years 6 months ago by fchan. Reason: show the reference CSS Link
The administrator has disabled public write access.
  • 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!