custom validation

Author: Hardeepcoder

pages/home.js

@@ -6,12 +6,14 @@ export default class home extends Component{
 static navigationOptions= ({navigation}) =>({
 		  title: 'Welcome',	
 	});  
-  
+
 	render(){
 		const { navigate } = this.props.navigation;
 		return(
 	  <View style={styles.container}>	
 	  <Text style={styles.pageName}>User Manager</Text>
+	  
+
 
 		<TouchableOpacity
 		onPress={() => navigate('Login')}

pages/login.js

@@ -6,6 +6,8 @@ import {
   View,TouchableOpacity,TextInput,Button,Keyboard
 } from 'react-native';
 import { StackNavigator } from 'react-navigation';
+
+
 export default class login extends Component {
 	static navigationOptions= ({navigation}) =>({
 		  title: 'Login',	
@@ -27,9 +29,26 @@ export default class login extends Component {
 
 	login = () =>{
 		const {userEmail,userPassword} = this.state;
-		//here we will send our data to server with fetch
+		let reg = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/ ;
+		if(userEmail==""){
+			//alert("Please enter Email address");
+		  this.setState({email:'Please enter Email address'})
+			
+		}
+		
+		else if(reg.test(userEmail) === false)
+		{
+		//alert("Email is Not Correct");
+		this.setState({email:'Email is Not Correct'})
+		return false;
+		  }
+
+		else if(userPassword==""){
+		this.setState({email:'Please enter password'})
+		}
+		else{
 
-		fetch('http://hardeepcoder.com/react/login.php',{
+		fetch('https://hardeepwork.000webhostapp.com/react/login.php',{
 			method:'post',
 			header:{
 				'Accept': 'application/json',
@@ -55,6 +74,7 @@ export default class login extends Component {
 		 .catch((error)=>{
 		 console.error(error);
 		 });
+		}
 
 
 		Keyboard.dismiss();
@@ -63,6 +83,7 @@ export default class login extends Component {
   render() {
     return (
 	<View style={styles.container}>    
+	<Text style={{padding:10,margin:10,color:'red'}}>{this.state.email}</Text>
 
 	<TextInput
 	placeholder="Enter Email"
@@ -74,8 +95,10 @@ export default class login extends Component {
 	placeholder="Enter Password"
 	style={{width:200, margin:10}}
 	onChangeText={userPassword => this.setState({userPassword})}
+	
 	/>
 
+	
 	<TouchableOpacity
 	onPress={this.login}
 	style={{width:200,padding:10,backgroundColor:'magenta',alignItems:'center'}}>

pages/profile.js

@@ -5,14 +5,15 @@ export default class home extends Component{
 static navigationOptions= ({navigation}) =>({
 		  title: 'Welcome',	
 	});  
-  
+	
 	render(){
 		const { navigate } = this.props.navigation;
 		return(
 	  <View style={styles.container}>	
 
 	   <Text style={styles.pageName}>profile</Text>
 
+
       </View>
 		);
 	}

pages/register.js

@@ -5,7 +5,8 @@ import {
   Text,
   View,Button,TextInput,TouchableOpacity
 } from 'react-native';
-import { StackNavigator } from 'react-navigation';
+
+
 export default class register extends Component {
 	   static navigationOptions= ({navigation}) =>({
 		  title: 'Register',	
@@ -35,7 +36,7 @@ export default class register extends Component {
 		const {userPassword} = this.state;
 
 
-		fetch('http://hardeepcoder.com/react/register.php', {
+		fetch('https://hardeepwork.000webhostapp.com/react/register.php', {
 			method: 'post',
 			header:{
 				'Accept': 'application/json',
@@ -61,7 +62,8 @@ export default class register extends Component {
   render() {
     return (
 	<View style={styles.container}>
-      
+      	
+	
 	  <TextInput
 	  placeholder="Enter Name"
 	  style={{width:250,margin:10, borderColor:"#333",