Disable A Form For Wrong Entry

[bookish]

Hi! May I ask how to disable a form if in the field for specifying a special diet the person places a special room request. How can the form be disabled if the person places words such as "room", "bedroom", "floor"? The error message should be "Please specify your diet requirement." Thanks in advance for your help.

[Jan]

Hi bookish,

 

Can you use drop-down lists instead of input fields?

You can use Lookup tables with variants of special diets and special room requests.

 

 

You can look for some words in the field with the following code:

<SCRIPT LANGUAGE="JavaScript">
function check_text()
{
var text_for_checking = document.getElementById("InsertRecordtext").value;
var wrong_answer = false;
if (text_for_checking.search("room")!=-1) {wrong_answer = true};
if (text_for_checking.search("floor")!=-1) {wrong_answer = true};
if (wrong_answer)
   {
      alert("Please specify your diet requirement.");
      return false;
   }
}
document.getElementById("caspioform").onsubmit=check_text;
</SCRIPT>

Please, enter the name of your field instead of text in the 

var text_for_checking = document.getElementById("InsertRecordtext").value;

 

You can add as many words as you wish, just copy the line

if (text_for_checking.search("room")!=-1) {wrong_answer = true};

and enter your word instead of "room".

 

To use a Java Script code, please add a Header&Footer element, select the Footer element, then click the Source button, and then enter a code. 

 

I hope it helps.

[bookish]

That's brilliant, Jan. Thanks a million!!!

[Jan]

You are very welcome!

[bookish]

HI! How would I edit the code if the form is an UPDATE form? Thanks for your help.

[Jan]

Hi bookish,

 

Please change "InsertRecord" to "EditRecord" in the line:

var text_for_checking = document.getElementById("EditRecordtext").value;

You can read Details in the Guide.

I hope, it helps!

[bookish]

Thank you, Jan. It's very helpful. I am sorry for late feedback.

[bookish]

Hi! Would anyone help rewrite this script now that onsubmit will not work anymore (re disable ajax loading)?  Thanks in advance!

On 1/15/2015 at 4:07 PM, Jan said:

Hi bookish,

 

Can you use drop-down lists instead of input fields?

You can use Lookup tables with variants of special diets and special room requests.

 

 

You can look for some words in the field with the following code:

<SCRIPT LANGUAGE="JavaScript">
function check_text()
{
var text_for_checking = document.getElementById("InsertRecordtext").value;
var wrong_answer = false;
if (text_for_checking.search("room")!=-1) {wrong_answer = true};
if (text_for_checking.search("floor")!=-1) {wrong_answer = true};
if (wrong_answer)
   {
      alert("Please specify your diet requirement.");
      return false;
   }
}
document.getElementById("caspioform").onsubmit=check_text;
</SCRIPT>

Please, enter the name of your field instead of text in the 

var text_for_checking = document.getElementById("InsertRecordtext").value;

 

You can add as many words as you wish, just copy the line

if (text_for_checking.search("room")!=-1) {wrong_answer = true};

and enter your word instead of "room".

 

To use a Java Script code, please add a Header&Footer element, select the Footer element, then click the Source button, and then enter a code. 

 

I hope it helps.

 

[CoopperBackpack]

Hello @bookish,

You can use the following code instead:

<script>
document.addEventListener('BeforeFormSubmit', checkValuesHandler)

function checkValuesHandler(event){
    const textField = document.querySelector('#InsertRecordFIELDNAME').value; //replace FIELDNAME with your field name
    if(textField.includes('room') || textField.includes('floor') || textField.includes('bedroom')){
         event.preventDefault();
         alert('Please specify your diet requirement.');
    } 
}
</script>

You can add more conditions if needed. Just copy this part and replace the keyword.

|| textField.includes('KEYWORD')

 

You may use an additional tool for displaying pop-up messages instead of the basic browser alert.

For that, you can use the following code:

<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>

<script>
document.addEventListener('BeforeFormSubmit', checkValuesHandler)

function checkValuesHandler(event){
    const textField = document.querySelector('#InsertRecordFIELDNAME').value; //replace FIELDNAME with your field name
    if(textField.includes('room') || textField.includes('floor') || textField.includes('bedroom')){
         event.preventDefault();
         Swal.fire( '', 'Please specify your diet requirement.', 'warning' );
    } 
}
</script>

This is an example:

[bookish]

Thank you so much @CoopperBackpack! I will try it soon (this weekend) and I will let you know how it works for my programs!

[bookish]

HI @CoopperBackpack, I used your second script (pop-up message instead of browser alert). It worked!
I  just had to put the code because if the one booking typically uses CAPS then the form will submit.

const nonDietRegex = /room|floor|bedroom/i;
    if(nonDietRegex.test(textField)) {