node ajax validator,node/express 4：在ajax post上使用express-validator显示错误

我是新来的节点，当用户尝试提交表单时，尝试显示验证错误(使用express-validator和express 4)。node/express 4：在ajax post上使用express-validator显示错误

验证程序似乎工作，因为如果我将数据记录到控制台，一切都如预期。但是，当我渲染视图时，无法在页面上显示错误(不显示任何内容)。与我一直在进行快速验证的“标准”教程唯一的区别是，我使用AJAX发布数据。

我的代码如下。我使用来表明我删除了更多的代码，并且为了简洁起见我删除了一些表单域。

app.js

var express = require('express')

, indexController = require('./routes/index')

, membersController = require('./routes/members')

[...]

, cookieParser = require('cookie-parser')

, bodyParser = require('body-parser')

, expressValidator = require('express-validator');

var app = express();

[...]

app.use(bodyParser.json());

app.use(bodyParser.urlencoded({ extended: false }));

app.use(expressValidator()) // tried both placing it here or below

app.use(cookieParser());

app.use(express.static(path.join(__dirname, 'public')));

// I realize this may be not optimal

app.use(function(req,res,next){

req.db = db;

next();

});

app.use('/', indexController);

app.use('/members', membersController);

[...]

module.exports = app;

handle_members.js

$(document).ready(function() {

$('#join_btn').click(function(event, req, res){

event.preventDefault();

var newMember = {

'name': $('#join_form input#join_name').val(),

'email': $('#join_form input#join_email').val()

}

$.ajax({

type: 'POST',

data: newMember,

url: '/members/addmember',

dataType: 'JSON'

}).done(function(response){

if (response.msg === 'success'){

alert('New member added successfully!')

}

// maybe this is not necessary?

else if (response.msg === 'validation'){

alert('validation failed');

}

else{

alert('Error: ' + response.msg)

}

});

});

});

members.js

var express = require('express');

var router = express.Router();

router.post('/addmember',validator, function(req, res) {

var db = req.db;

var collection = db.get('memberstest');

collection.insert(req.body, function(err, result){

res.send(

(err === null) ? { msg: 'success' } : { msg: err }

);

});

});

function validator(req, res, next) {

req.checkBody('email', 'not valid email').isEmail();

req.checkBody('name', 'cannot be empty').notEmpty();

var errors = req.validationErrors();

if (errors) {

console.log(errors) // these are as expected

res.render('index',{errors:errors}); // no errors displayed

}

else {

next();

}

};

module.exports = router;

index.jade

[...]

form#join_form(method='POST', action='', role='form')

div.form-group

input#join_name.form-control(type='text', name='join_name')

input#join_email.form-control(type='email', name='email')

button#join_btn.btn(type='button') join

if errors

ul

for error in errors

li = error.msg

[...]

的错误变量记录到控制台时，看起来是这样的：

[ { param: 'email', msg: 'not valid email', value: 'xxxx' }, { param: 'name', msg: 'can't be empty', value: '' } ]

在过去的几天我确实尝试了很多不同的东西，但没有一次成功。这个问题似乎总是一样的：所有的都很好，但是当我渲染视图时就像它从不输入“if errors ...”语句。也许我在这里错过了一些非常基本的东西？任何帮助非常感谢，谢谢。

PS。最终，表单理想情况下应该在模式/弹出窗口内，以防改变某些内容。

2017-07-31

Tommy

+0

你能呈现怎样的错误变量的样子： var data = {}; // data here $.ajax({ type: 'POST', data: data, url: '/addmember', dataType: 'JSON' }).done(function() { alert('done'); }).fail(function() { alert('fail'); });

使用res.json后端答案呢？ –

2017-07-31 01:44:43

+0

@MarceloAlves确定我更新了这个问题。 –