🔒 Closed Javascript code textbox validation

Arabanot · Jan 12, 2019

hello mga ka phc pa help nito sa code ko.ang problema kasi nito pag space input ko proceed to need step siya ang labas dapat sana value is empty.ano mali dito sa code mga ka phc?ito po code ko .

<!DOCTYPE html>
<html>

<body>

<h1>Textbox Validation</h1>

<input type="text" id="txt1">
<button onclick="val_txt();">Validate Text box</button>

<script>
function val_txt()
{
var txtval = document.getElementById('txt1').value;
if (txtval == "")
{
alert("Value is empty");
return false;
}
else
{
alert("Proceed to next step");
}
}
</script>

</body>

</html>

AR2RO · Jan 12, 2019

CLASSMATE HAHAHAHAHAHAHA

Arabanot · Jan 12, 2019

kethoy said:
CLASSMATE HAHAHAHAHAHAHA[/Q
hahahahaha

-Paul- · Jan 12, 2019

Classmate paturo ako ng pop up code

ndIX · Jan 13, 2019

if (txtval == false)

itry nyo po ito sa if condition nyo

marlosoft · Jan 13, 2019

pwde mo po itry ung trim function ng javascript

Code:

var txtval = document.getElementById('txt1').value.trim();

noname18 · Jan 13, 2019

Try mo nga ito paps. Hindi ako sure kung tama...

Code:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Validate User's Input</title>
  <style>
    .container {
      width: 80%;
      margin: 0 auto;
      border: 1px solid #000000;
    }
    h1, #result {
      font-family: Arial, Helvetica, sans-serif;
      text-align: center;
    }
    #result {
      color: #ff0000;
      font-size: 1.1em;
      font-family: Arial, Helvetica, sans-serif;
    }
    .form {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 15px;
    }
  </style>
</head>
<body>

  <div class="container">
      <h1>Textbox Validation</h1>
  <div class="form">
    <input type="text" id="userInput" placeholder="Enter a value" required />
    <button id="validate">Validate Text box</button>
  </div>
  <p id="result"></p>
  </div>

  <script>
       
      validate.addEventListener('click', (e) => {
       
        'use strict'
       
        e.preventDefault()
       
        const spaces = /^\s*$/;
        const userInput = document.getElementById("userInput").value;
        const result = document.getElementById("result");

        if (userInput == "" || spaces.test(userInput)) {
          result.innerHTML = "Field must not be empty and space is not allowed!"
        } else {
          result.innerHTML = "Proceed to next step";
        }

      })


  </script>

</body>
</html>

Arabanot · Jan 13, 2019

noname18 said:

Try mo nga ito paps. Hindi ako sure kung tama...

Code:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Validate User's Input</title>
  <style>
    .container {
      width: 80%;
      margin: 0 auto;
      border: 1px solid #000000;
    }
    h1, #result {
      font-family: Arial, Helvetica, sans-serif;
      text-align: center;
    }
    #result {
      color: #ff0000;
      font-size: 1.1em;
      font-family: Arial, Helvetica, sans-serif;
    }
    .form {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 15px;
    }
  </style>
</head>
<body>

  <div class="container">
      <h1>Textbox Validation</h1>
  <div class="form">
    <input type="text" id="userInput" placeholder="Enter a value" required />
    <button id="validate">Validate Text box</button>
  </div>
  <p id="result"></p>
  </div>

  <script>
      
      validate.addEventListener('click', (e) => {
      
        'use strict'
      
        e.preventDefault()
      
        const spaces = /^\s*$/;
        const userInput = document.getElementById("userInput").value;
        const result = document.getElementById("result");

        if (userInput == "" || spaces.test(userInput)) {
          result.innerHTML = "Field must not be empty and space is not allowed!"
        } else {
          result.innerHTML = "Proceed to next step";
        }

      })


  </script>

</body>
</html>

thanks ts

Search

Search

🔒 Closed Javascript code textbox validation

Arabanot

Forum Guru

AR2RO

Eternal Poster

Arabanot

Forum Guru

-Paul-

Journeyman

ndIX

Fanatic

marlosoft

Grasshopper

noname18

Forum Veteran

Attachments

Arabanot

Forum Guru

About this Thread

New Topics

HTML TO APK | URL TO APK (OPENSOURCE)

Baka may magpapagawa ng capstone system dyan? sa mga IT Students. Pm lang

NEED HELP for BULK SMS Update

Newbie Vibe Coder

Junior Software Developer - LF Work

KITFI PisoWiFi not KITIFI

Simple POS - New UI and Features [FREE DESKTOP APP]

Custom with ROOT for LPB-2.0-1.1.7.5-OPI-ONE.img.gz

Free Python online course

ZKTeco Live20R SDK - For Web Development

Trending Topics

Online now

Forum statistics