How to write amount of money not exceed the range given in category form?

Question

1.00/5 (1 vote)

See more:

I have html form for category of travel (budget category) such as 1. Take it easy, 2. 2. not too much and 3. do as much as possible .All category have their budget/money range.

After select category user need to insert amount of money in text box .
What I want is how to do it when user insert amount so his amount is not exceed the range of category he was selected. for example if he select take it easy (range is RM 500- RM 1000) so if he insert amount below 500 or exceed 1000 it appear error and need insert again. ?

What I have tried:

HTML

<label for="budget">Category Budget</label>
   <select id="budget" name="budget">
   <option value="select">Please Select<option>
   <option value="take_it_easy">Take It Easy: RM 500 - RM 1000</option>
   <option value="not_too_much">Not to Little Not to Much: RM 1000 - RM 5000</option>
   <option value="Do_as_much_as_possible">Do As Much As Possible: RM 5000 - and above</option>
    </select>

<label for="amount">Your Amount</label>
<input type="number" id="amount" name="amount" required="required" placeholder="Eg: RM 1000">

Posted 11-Dec-16 21:23pm

Member 12895537

Updated 12-Dec-16 1:41am

Add a Solution

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Andy Lanng · Accepted Answer · 2016-12-11T22:24:00

You will have to include some javascript to set the input max / min attribute.

HTML

<script>
window.onload = function() {
    var select = document.getElementById('budget');
    select .onchange = function() {
            switch(select .selectedIndex) {
                case 0:
                  SetMinMax(500,1000)
                  break;
                //case etc.....
            }
        }
}

function SetMinMax(min,max){
   document.getElementByID("amount").setAttribute("min", min);
   document.getElementByID("amount").setAttribute("max", max);
}
</script>

<label for="budget">Category Budget</label>
   <select id="budget" name="budget">
   <option value="select">Please Select<option>
   <option value="take_it_easy">Take It Easy: RM 500 - RM 1000</option>
   <option value="not_too_much">Not to Little Not to Much: RM 1000 - RM 5000</option>
   <option value="Do_as_much_as_possible">Do As Much As Possible: RM 5000 - and above</option>
    </select>

<label for="amount">Your Amount</label>
<input type="number" id="amount" name="amount" required="required" placeholder="Eg: RM 1000">

That should get you started. You may also need to check if the input already has a value outside of the range as it may not automatically change.

Hope that helps ^_^

Peter Leow · Accepted Answer · 2016-12-11T23:20:00

Solution 2

Wait a minute. Why do anyone want to select a price range, enter a price, then get the script to check for consistency all on the same page? It doesn't make sense. I suggest you rethink your design.
BTW, I remember your previous question on How to calculate sum for just one column in PHP?[^] that I have helped you to solve. If you want to expect more help in future, do go back there and set thing right.

Posted 11-Dec-16 23:20pm

Peter Leow

Updated 11-Dec-16 23:21pm

v3

Comments

Member 12895537 12-Dec-16 6:59am

You are misunderstood. This is not price range. that sum price I asked before is for destination that set up by admin. This question is budget range that user need to insert and their amount is according what category they have been selected. I still in separation process so it is look like you confuse. Actually user need to insert travel information include select their category and insert their amount first, so when they submit I will give them itinerary plan or destination plan (destination with price and total) .they need to insert amount because at the end I want to subtract their amount with the total price of destination and they know their balance money. It is not at the same page and it is different process.

Andy Lanng · Accepted Answer · 2016-12-12T01:41:00

Here is the solution to check the values (again, this should just be a starting point and it in no way a final working version. If it is then that's just a coincidence)

HTML

<script>
window.onload = function() {
    var amount= document.getElementById('amount');
    amount.onchange = function() {
            switch(select .selectedIndex) {
                case 0:
                  CheckMinMax(500,1000,amount)
                  break;
                //case etc.....
            }
        }
}

function SetMinMax(min,max, amount){
   if(amount.val() < min){
     alert("You promised me more money!")
   }
   else if(amount.val() > max){
     alert("Woh, dude.  Go easy!  This is too much.")
   }
}
</script>

<label for="budget">Category Budget</label>
   <select id="budget" name="budget">
   <option value="select">Please Select<option>
   <option value="take_it_easy">Take It Easy: RM 500 - RM 1000</option>
   <option value="not_too_much">Not to Little Not to Much: RM 1000 - RM 5000</option>
   <option value="Do_as_much_as_possible">Do As Much As Possible: RM 5000 - and above</option>
    </select>

<label for="amount">Your Amount</label>
<input type="number" id="amount" name="amount" required="required" placeholder="Eg: RM 1000">

Hope that helps ^_^

How to write amount of money not exceed the range given in category form?

3 solutions

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0