【问题标题】:NodeJS: Input values not reset to their given valuesNodeJS:输入值未重置为其给定值
【发布时间】:2015-12-07 12:31:23
【问题描述】:

这里有我正在处理的表单验证的 NodeJS 代码。我无法让它重置用户设置的值。

验证没有做任何事情,我只是想用用户提供的值重置输入表单的值。 有人请帮帮我。

代码如下:

报名路线:

var express = require('express');
var router = express.Router();

router.get('/', function(req, res, next) {

    var vm = {
    title: 'Join us now,  Brovis'
    };
  res.render('signup', vm);
});

router.post('/', function(req, res, next) {
  var flagChecker= true;
  if (flagChecker) {
    var vm = {
      title: 'Create an account',
      input: req.body,
      error: 'Something went wrong, Brovis'
    };
    delete vm.input.password;
    return res.render('signup', vm);
  }
  res.redirect('/');
});
module.exports = router;

注册的 index.hbs:

<link rel="stylesheet" href="css/silog.css">
 <div class="jumbotron">
                 <div class="container">
                 <div class = "row">
                 <div class = "col-md-6 theForm">
                        <div class="form-box">
                            <div class="form-top">
                                    <h2>Sign up now</h2>
                                    <p>Join the community now:</p>
                                </div>
                            </div>
                            <div class="form-bottom">
                                <form role="form" action="" method="post" class="registration-form">
                                    <div class="form-group">
                                        <label class="sr-only" for="firstname">First name</label>
                                        <input type="text" name="form-first-name" placeholder="First name" class="form-first-name form-control" id="form-first-name" required value = "{{input.firstname}}">
                                    </div>
                                    <div class="form-group">
                                        <label class="sr-only" for="password">Last name</label>
                                        <input type="text" name="form-last-name" placeholder="Last name..." class="form-last-name form-control" id="form-last-name" required value = {{input.password}}>
                                    </div>
                                    <button type="submit" class="btn">Sign me up!</button>
                                </form>
                          </div>
                        <span style = "color:red; font-weight: 600">{{error}}</span>
                </div>      
            </div>
        </div>

【问题讨论】:

    标签: javascript node.js


    【解决方案1】:

    好吧,您输入的姓名/ID 是form-first-name,但因为您使用的是firstname 而不是form-first-name;用户提供的值不会被重置。替换为:

    <input type="text" name="form-first-name" placeholder="First name" class="form-first-name form-control" id="form-first-name" required value = "{{input.form-first-name}}">
    

    另外,您错过了第二个输入字段中的引号。应该是:

    <input type="text" name="form-last-name" placeholder="Last name..." class="form-last-name form-control" id="form-last-name" required value = "{{input.form-last-name}}">
    

    这会起作用。

    干杯。

    【讨论】:

      猜你喜欢
      • 2021-02-20
      • 1970-01-01
      • 1970-01-01
      • 2019-01-01
      • 2020-03-28
      • 2021-12-28
      • 2019-06-20
      • 1970-01-01
      • 2016-12-17
      相关资源
      最近更新 更多