Breaking News: Grepper is joining You.com. Read the official announcement!

Check For Empty Input Values

Add Answer

Javasper answered on June 29, 2020 Popularity 10/10 Helpfulness 1/10

answer Check For Empty Input Values

related javascript check if input is empty

related input number has empty value

related javascript check if input is empty

Check For Empty Input Values

Comment

-1

import * as React from 'react';
import {useState, useRef} from 'react';
import { View, Text, TouchableOpacity, TextInput, StyleSheet, SafeAreaView, Button } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import SelectDropdown from 'react-native-select-dropdown'


function HomeScreen({navigation}) { 

const [value, setValue] = useState("");
const countries = ["Egypt", "Canada", "Australia", "Ireland"]
 
 const checkTextInput = () => {
  //Check for the Name TextInput
  if (!value.trim()) {
    alert('Please Enter Name');
    return;
  } 
  //Checked Successfully
  //Do whatever you want
  alert('Success');
  navigation.navigate("Details", {value:value})
};

  
  return (
    <SafeAreaView style={{flex: 1}}>
    <SelectDropdown
	data={countries}
  defaultValue={value}
	onSelect={(selectedItem, index) => {
setValue(selectedItem);
  }}
	buttonTextAfterSelection={(selectedItem, index) => {
		// text represented after item is selected
		// if data array is an array of objects then return selectedItem.property to render after item is selected
		return selectedItem
	}}
	rowTextForSelection={(item, index) => {
		// text represented for each item in dropdown
		// if data array is an array of objects then return item.property to represent item in dropdown
		return item
	}}
/>
<TouchableOpacity onPress={()=>
checkTextInput()
}>
<Text>
  Click Me To Go To Details
</Text>

</TouchableOpacity>
    </SafeAreaView>
  );
}



const styles = StyleSheet.create({
  container: {
    flex: 1,
    padding: 35,
  },
  textInputStyle: {
    width: '100%',
    height: 40,
    paddingHorizontal: 5,
    borderWidth: 0.5,
    marginTop: 15,
  },
});



function DetailsScreen({route}) {
 const {value} =route.params;

  return (
    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
      <Text>Details Screen</Text>
   <Text>{value}</Text>

    </View>
  );
}


const Stack = createNativeStackNavigator();

function App() {
  return (
    <NavigationContainer>
    <Stack.Navigator initialRouteName="Home">

      <Stack.Screen name="Home" component={HomeScreen} />

    <Stack.Screen name="Details" component={DetailsScreen} />
    </Stack.Navigator>
  </NavigationContainer>
  )
}

export default App;

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: input javascript

Link to this answer
Share Copy Link

Contributed on Oct 11 2022

Javasper

0 Answers Avg Quality 2/10

Closely Related Answers

javascript check if input is empty

Comment

<!-- check if any input field in "Form" is empty using JS -->

<script type="text/javascript">
  function validateForm() {
    var a = document.forms["Form"]["answer_a"].value;
    var b = document.forms["Form"]["answer_b"].value;
    if (!a || !b) {
      alert("Please Fill All Required Fields");
      return false;
    }
  }
</script>

<form method="post" name="Form" onsubmit="return validateForm()" action="">
  <input type="text" name="answer_a" value="">
  <input type="password" name="answer_b" value="password">
</form>

Popularity 10/10 Helpfulness 3/10 Language html

Source: stackoverflow.com

Tags: html

Link to this answer
Share Copy Link

Contributed on Nov 07 2021

Web Surfer

0 Answers Avg Quality 2/10

input number has empty value

Comment

The hack is to use type="tel" instead of type="number".

This solves the 2 main issues:

It pulls up a number keypad on mobile devices
It validates (and is not empty) with numbers or non-numbers as input.

Popularity 9/10 Helpfulness 2/10 Language whatever

Source: Grepper

Tags: input inpu

Link to this answer
Share Copy Link

Contributed on Jun 29 2020

Evergreen Tomato

0 Answers Avg Quality 2/10

javascript check if input is empty

Comment

if(document.getElementById("question").value.length == 0)
{
    console.log("empty")
}

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: input is-empty javascript

Link to this answer
Share Copy Link

Contributed on Dec 06 2021

Zealous Zebra

0 Answers Avg Quality 2/10

Check For Empty Input Values

Contents

More Related Answers

Check For Empty Input Values

Closely Related Answers

javascript check if input is empty

input number has empty value

javascript check if input is empty

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.