jquery验证插件validation plugin远程验证问题
用jquery的验证插件validation plugin,进行remote验证的时候,文档中说服务端需要返回json字符串,true代表有效, "false", undefined, null 代表无效。
需要验证的是用户名是否已经被注册,如果已经被注册,返回false,如果没有被注册,返回true。php服务端(laravel框架)是这样写的:
<code> public function verifyName(Request $request) { $username = $request->input('name', ''); $user = User::where('name', $username)->first(); if ($username == $user->name) { return json_encode(false); }else{ return json_encode(true); } }</code>
前端js代码是这样的:
<code><script> $(function () { $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); $("#register").validate({ rules: { name: { required: true, rangelength: [4, 30], remote: { url: "{{ url('services/validation/verify_name') }}", type: "post" } } }, errorClass: "has-danger", validClass: "has-success", //success: "valid", highlight: function (element, errorClass) { $(element).fadeOut(function () { $(element).fadeIn(); }); $(element).closest(".form-group").addClass(errorClass); }, unhighlight: function (element, errorClass) { $(element).closest(".form-group").removeClass(errorClass); }, errorPlacement: function (error, element) { error.insertAfter(element); } }); }); </script></code>
问题:
当返回false的时候,可以正常返回,想返回true返回不了,出现Trying to get property of non-object,不知什么原因。
回复内容:
用jquery的验证插件validation plugin,进行remote验证的时候,文档中说服务端需要返回json字符串,true代表有效, "false", undefined, null 代表无效。
需要验证的是用户名是否已经被注册,如果已经被注册,返回false,如果没有被注册,返回true。php服务端(laravel框架)是这样写的:
<code> public function verifyName(Request $request) { $username = $request->input('name', ''); $user = User::where('name', $username)->first(); if ($username == $user->name) { return json_encode(false); }else{ return json_encode(true); } }</code>
前端js代码是这样的:
<code><script> $(function () { $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); $("#register").validate({ rules: { name: { required: true, rangelength: [4, 30], remote: { url: "{{ url('services/validation/verify_name') }}", type: "post" } } }, errorClass: "has-danger", validClass: "has-success", //success: "valid", highlight: function (element, errorClass) { $(element).fadeOut(function () { $(element).fadeIn(); }); $(element).closest(".form-group").addClass(errorClass); }, unhighlight: function (element, errorClass) { $(element).closest(".form-group").removeClass(errorClass); }, errorPlacement: function (error, element) { error.insertAfter(element); } }); }); </script></code>
问题:
当返回false的时候,可以正常返回,想返回true返回不了,出现Trying to get property of non-object,不知什么原因。
<code><script> $(function () { $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); $("#register").validate({ rules: { name: { required: true, rangelength: [4, 30], remote: { url: "{{ url('services/validation/verify_name') }}", type: "post", data:{ name:function(){ return $("input[name='name']").val(); } } } } }, errorClass: "has-danger", validClass: "has-success", //success: "valid", highlight: function (element, errorClass) { $(element).fadeOut(function () { $(element).fadeIn(); }); $(element).closest(".form-group").addClass(errorClass); }, unhighlight: function (element, errorClass) { $(element).closest(".form-group").removeClass(errorClass); }, errorPlacement: function (error, element) { error.insertAfter(element); } }); }); </script></code>
你前端代码是不是忘了post数据到后台?
data:{
<code>name:function(){ return $("input[name='name']").val(); }</code>
}

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

热门话题

PHP 8.4 带来了多项新功能、安全性改进和性能改进,同时弃用和删除了大量功能。 本指南介绍了如何在 Ubuntu、Debian 或其衍生版本上安装 PHP 8.4 或升级到 PHP 8.4

CakePHP 是 PHP 的开源框架。它的目的是使应用程序的开发、部署和维护变得更加容易。 CakePHP 基于类似 MVC 的架构,功能强大且易于掌握。模型、视图和控制器 gu

登录 CakePHP 是一项非常简单的任务。您只需使用一项功能即可。您可以记录任何后台进程(如 cronjob)的错误、异常、用户活动、用户采取的操作。在 CakePHP 中记录数据很容易。提供了 log() 函数

Visual Studio Code,也称为 VS Code,是一个免费的源代码编辑器 - 或集成开发环境 (IDE) - 可用于所有主要操作系统。 VS Code 拥有针对多种编程语言的大量扩展,可以轻松编写
