Skip to main content

Basic form

Basic form

<!DOCTYPE html>

<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JSFORM</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>

    <style>
        span{
            color: red;
        }
    </style>

</head>

<body>
    <form name="basicform" onsubmit="return fun()" >
        <div class="row">
            <label for="colFormLabelLg" class="col-sm-2 col-form-label col-form-label-lg"> Name </label>
            <div class="col-sm-10">
                <input type="text" name="name" placeholder="Name" />
                <span id="nameerror"></span>
            </div>
            <div class="row">
                <label for="col-form-label-lg" class="col-sm-2 col-form-label col-form-label-lg"> Mobile </label>
                <div class="col-sm-10">
                    <input type="text" name="mobile" placeholder="Mobile Numbers" />
                    <span id="mobileerror"></span>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-10">
                <input type="submit" value="Register" class="btn btn-primary">
               
            </div>
        </div>
    </form>

<!-- SCRIPT -->

    <script>
        function fun() {
            var name,mobile,result,error=0;
            name= document.forms.basicform.name.value;
            mobile= document.forms.basicform.mobile.value;
            /////validate first number
            if (name==="")
            {
                //alert("first No. is Mandatory");
                document.getElementById("nameerror").innerHTML="name is Mandatory";
                error=1;

            }
            else if(!isNaN(name ))
            {
                // alert("only Numerical value allowed");
                document.getElementById("nameerror").innerHTML=" Numbers not Allowed";
                error=1;
            }
            ////////// Validate second number
           
            if(mobile==="")
            {
                //alert("mobile is Mandatory");
                document.getElementById("mobileerror").innerHTML=" mobile is Mandatory";
                error=1;
            }
            else if(isNaN(mobile ))
            {
                document.getElementById("mobileerror").innerHTML=" Enter numerical value";
                error=1;
            }


            if (error===1)
            {
                return  false;
            }
           
            else{
                result=parseInt(name)+ parseInt(mobile);
                alert("Result="+result);
            }
        }
    </script>

</body>

</html>

Comments

Post a Comment

Popular posts from this blog

Memory Unit Computer Architecture

  Memory Hierarchy A memory unit is an essential component in any digital computer since it is needed for storing programs and data. Typically, a memory unit can be classified into two categories: The memory unit that establishes direct communication with the CPU is called  Main Memory . The main memory is often referred to as RAM (Random Access Memory). The memory units that provide backup storage are called  Auxiliary Memory . For instance, magnetic disks and magnetic tapes are the most commonly used auxiliary memories. Apart from the basic classifications of a memory unit, the memory hierarchy consists all of the storage devices available in a computer system ranging from the slow but high-capacity auxiliary memory to relatively faster main memory. The following image illustrates the components in a typical memory hierarchy. Auxiliary Memory Auxiliary memory is known as the lowest-cost, highest-capacity and slowest-access storage in a computer system. Auxiliary memory provides stora
Post a Comment
Read more

Java cript :

  Document1 <!DOCTYPE html > <html lang = "en" > <head>     <meta charset = "UTF-8" >     <meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     <title> Document </title> </head> <body onload = " fun()" >     <button onclick = " fun()" > JSR </button>     <button onclick = " run()" > RANCHI </button>     <button onclick = " bun()" > BOKARO </button>     <div id = "op" ></div>     <script>         function fun()         {             document.getElementById( "op" ).innerHTML= "<b>Jamshedpur</b> is a large city set between the Subarnarekha and Kharkai rivers in the east Indian state of Jharkhand. It’s known for huge, tree-lined Jubilee Park, where the Tata Steel Zoological Park has resident species including tigers and leopards. To
Post a Comment
Read more