How Do I Make Textbox A Required Field In Javascript

Question

0.00/5 (No votes)

See more:

I want make my textbox REQUIRED FIELD id is BotBootInput what should i put in "document.write" line

XML

<script type="text/javascript">
    var a = Math.ceil(Math.random() * 10);
    var b = Math.ceil(Math.random() * 10);
    var c = a + b
    function DrawBotBoot()
    {
        document.write("What is "+ a + " + " + b +"? ");
        document.write("<input id='BotBootInput' type='text' maxlength='2' size='2'/>");
    }
    function ValidBotBoot(){
        var d = document.getElementById('BotBootInput').value;
        if (d == c) return true;
        return false;

    }
    </script>

PLEASE HELP ME.

Posted 7-Sep-14 23:40pm

Vivek Saha

Add a Solution

4 solutions

Solution 1

You may use this: http://www.w3schools.com/tags/att_input_required.asp[^]...

Posted 7-Sep-14 23:58pm

Kornfeld Eliyahu Peter

Solution 3

http://www.netmechanic.com/news/vol6/javascript_no4.htm[^]
http://msdn.microsoft.com/en-us/library/office/aa218652(v=office.11).aspx[^]
http://www.w3schools.com/JS/js_form_validation.asp[^]

Posted 22-Sep-14 0:57am

Sibeesh KV

Solution 4

fiddle for making the textbox required field[^]

You can try out with the above fiddle. In this fiddle, if you focus out of the textbox without giving the value or leaving it empty, it throws an alert that Field cannot be empty and the focus still stays on the same text box, which is vital in this case.
Hope this helps
Thanks
Happy Coding
:)

Posted 22-Sep-14 1:30am

Suraj Sahoo | Coding Passion

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)

MukeshSagar · Accepted Answer · 2014-09-08T00:41:00

You can use the HTML Code as :

<form action="">
 Username: <input type="text" name="usrname" required="">
<input type="submit">
</input></input></form>

You can use the HTML & JavaScript:

<form name="myForm" action=""   önsubmit="return validateForm()" method="post">
 First name: <input type="text" name="fname">
 <input type="submit" value="Submit">
 </form>

<script language="JavaScript">
function validateForm() {
     var x = document.forms["myForm"]["fname"].value;
     if (x == null || x == "") {
         alert("First name must be filled out");
         return false;
     }
 }
</script>