Javascript jquery函数在单击时不用于验证

当我试图调用按钮上的函数时，由于某种原因，通过单击“提交”按钮，该函数不起作用。因此，代码应该显示一个文本，说明应该填充输入，如果输入为空，则在if语句中应该显示消息

$（文档）.ready（函数（）{
var提交=$（“提交”）；
var p#u user=$（“#user”）.value；
提交（'单击'，验证（））；
函数验证（）{
如果（p_user==“”）{
$（“#用户”）。之后（“您必须填写此项”）；
}
}
});

更改：

submit.on('click' , validation());

到

通过包含括号，实际上是在此时触发函数，而不是让它在单击时触发

有几件事


您将获得
p\u用户的值，如下所示

var p_user = $("#user").value;


首先，您应该将
值
更改为
.val（）
，因为jquery没有
值
属性

然后将其移动到
validation（）
函数中，因为即使您键入，它也始终具有空值


尝试对表单使用
submit
事件，因此不要绑定
按钮上的
事件，而是单击表单的绑定
submit
事件，并使用
e.preventDefault（）
停止表单提交并使用自定义验证功能显示错误消息，请参阅下面的演示


$（文档）.ready（函数（）{
变量形式=$（“.form”）；
表格（‘提交’）功能（e）{
如果（验证（）==false）{
e、 预防默认值（）；
}
});
功能验证（e）{
var p#u user=$（“#user”）.val（）；
$（'.error label'）.remove（）；
如果（p_user==“”）{
$（“#用户”）。之后（“您必须填写此项”）；
返回false；
}否则{
//提交表格
返回true；
}
}
});
。错误标签{
颜色：红色；
边框：1px纯黄色；
}


var p_user = $("#user").value;