LoginForm.jsx 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. const LOGIN_URL = "https://tankernn.eu/login/check_login.php";
  2. var LoginForm = React.createClass({
  3. getInitialState: function() {
  4. return {user: '', pass: ''};
  5. },
  6. handleUserChange: function(e) {
  7. this.setState({user: e.target.value});
  8. },
  9. handlePassChange: function(e) {
  10. this.setState({pass: e.target.value});
  11. },
  12. handleSubmit: function(e) {
  13. e.preventDefault();
  14. var user = this.state.user;
  15. var pass = this.state.pass;
  16. if (!user || !pass) {
  17. return;
  18. }
  19. this.props.onLoginSubmit({user: user, pass: pass});
  20. this.setState(this.getInitialState());
  21. },
  22. render: function() {
  23. return (
  24. <form id="loginForm" name="loginForm" onSubmit={this.handleSubmit}>
  25. <FormControl type="text" value={this.state.user} onChange={this.handleUserChange} />
  26. <FormControl type="password" value={this.state.pass} onChange={this.handlePassChange} />
  27. <Button bsStyle="primary" type="submit">Log in</Button>
  28. </form>
  29. );
  30. }
  31. });
  32. var handleLoginSubmit = function(data) {
  33. $.ajax({
  34. url: LOGIN_URL,
  35. cache: false,
  36. type: 'POST',
  37. data: data,
  38. success: function(result) {
  39. console.log(result);
  40. this.forceUpdate();
  41. }.bind(this)
  42. });
  43. }
  44. <LoginForm onLoginSubmit=handleLoginSubmit />