Enabling submit button by input box value

Ask the community
,
1

Hello!

How do I make a feature that requires users to input a number value into an input box, and only allows the submit button (linked to another page) to work if a particular number combination is inputted into the input box? I am sure there is somewhat of a simple code to do this with, but what is it exactly? Thanks!

2

Hi Pete,

You can set the validation of your input field like this:

671×615 45.3 KB

The pattern validation that I used as an example is a regular expression checking for a number field of the format dd-ddd (that is, two digits, then a dash, then three digits). You can create your own regular expression, or even use the onCustomValidation( ) function to validate your input field using code.

When the user clicks on the Submit button, you can check if the input field is valid:

if($w("#input1").valid === false) {
    // don't allow submit
}

I hope this helps. Good luck,

Yisrael

3

Thanks for your response! Here’s a quick video explaining my issue. Once again, thanks for your help!!

https://youtu.be/NM3VroyUPXQ

4

Specifically, I’m having a hard time with the “don’t allow submit” line.

5

Hi pete,

Add an onClick() event function to your Submit button:

712×446 38.9 KB

Then, you should make your new function look something like this:

export function button1_click(event, $w) {
	if($w("#input1").value === "123456") {
		// do next step
	}
	else {
		// invalid input code, tell user
	}
}

The button1_click() function decides what to do when the user clicks the button. The example does a very simple check if the input value is 123456, and based on that takes the appropriate action. You can do your own code checking based on what your codes are supposed to be. You can have an array of valid values, or you can have your codes in a database collection.

Good luck,

Yisrael

6

I would like to add a input box that would essentially be the page that is trying to be accessed. and the submit button would be the url without the page due to multiple pages and I would input for instance, “Books” and say if google.com/“books” would be the end result without the " " of course.