Advertisement
Guest User

reactjs

a guest
Jan 17th, 2019
152
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  <Form>
  2.  
  3.                    <div className="form-group">
  4.                    <Label for="exampleInputEmail1">Email Address</Label>
  5.                    <Input type="email" className="form-control" id="exampleInputEmail1"
  6.                    onChange={(event,newValue) => this.setState({email:newValue})}></Input>
  7.                    </div>
  8.  
  9.                    <div className="form-group">
  10.                    <Label for="example-tel-input">Telephone</Label>
  11.                    <Input type="tel" className="form-control" id="example-tel-input"
  12.                     onChange = {(event,newValue) => this.setState({phone:newValue})}></Input>
  13.                    </div>
  14.  
  15.                    <button type="submit" className="btn btn-primary"
  16.                    onClick={(event) => this.handleClick(event)}>Register</button>
  17.  
  18.                </Form>
  19.  
  20.  handleClick(event){
  21.             //  check for empty values before submitting
  22.            if((this.state.email.length === "") || (this.state.phone.length === "")){
  23.                 alert("fields required");
  24.            }else {
  25.                
  26.                  // import sqlite3 module
  27.                  const sqlite3 = require('sqlite3').verbose();
  28.                  // opening a database connection
  29.                  let db = new sqlite3.Database('register.db');
  30.                  // creating database table
  31.                  db.run('CREATE TABLE users(email phone)');
  32.              
  33.              // inserting into database
  34.              db.run('INSERT INTO users(email phone) VALUES((?),(?))',function(err){
  35.                  if(err){
  36.                      return console.log(err.message);
  37.                  }
  38.                  console.log("row inserted");
  39.              });
  40.  
  41.              db.close();
  42.            }
  43.  
  44.          }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement