SingleHTML page to send SMS

I am not a web developer, however I am working on to achieve this project and needs the help of experts here . I have the attached html page that it has a message or comment box, what i need is to enable the submit button to send SMS to predefined mobiles number.
I have the API code from my SMS provider but i cannot figure out hot to but those  together.

http://msegat.com/gw/?userName=test &userPassword=test123&numbers=966505032999,966505031999&userSender=NEW
SMS&msg=test&By=Link&msgEncoding=UTF8

i think it is about defining this variables in the page but i do not how. I have attached the provider API guide

Appreciate any help
MsegatLink-APIV1.06English.pdf
Test.HTML
MaherioAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Ryan ChongBusiness Systems Analyst , ex-Senior Application EngineerCommented:
you can try to send a "Send SMS request" at server end as the SMS gateway need to have proper authentication.

The request to directly post with SMS gateway with the username and password is not suggested as your web page could be compromised.

you can create an AJAX request at your server side and send to that sample URL accordingly with the requested parameters.
dinomixCommented:
The problem is if you do this only in HTML you will need to expose the username and password and phone number in the HTML which can be a VERY BAD thing, anyone can see that and use your account to send messages, which can cost you a lot of money. Ideally you would need a developer to do the message sending on the server to keep that information private.

If that is not a concern for you (if your page is public it really should be!) or on a secured network with trusted users, you can change the action= URL on your from tag to the API URL and then change the textarea name= to 'msg'. The API docs you provided don't specify the POST structure even though it says that they prefer POST requests, so i'm assuming that posting msg= will work. Also this will only send the SMS and will not post to wherever you are sending the message now. If you need that you will need to either send the SMS from the back end or use javascript to send the SMS.

<h1>Meet &amp; Greet</h1>
<form action="http://msegat.com/gw/?userName=test &userPassword=test123&numbers=966505032999,966505031999&userSender=NEW
SMS&By=Link&msgEncoding=UTF8" method="post">
<div><textarea id="comments" name="msg"> Enter Message Here ..
</textarea></div>
<input type="submit" value="Submit" /></form>

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
MaherioAuthor Commented:
Thank you Dinomix  and Ryan, you gave a better insight of what is required . Suggested changes By dinomix work fine as temporary solution. (ruining is on local network) . SMS provider have some API configuration but i do not know which or how to select between them, (ASP.net, Java, PHP) https://mobily.ws/en/api-scripts.html. I will post another question when picture got clearer to me

Maher
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
HTML

From novice to tech pro — start learning today.