开发者社区> 问答> 正文

关于ajax提交验证的问题:报错

@JonyZhang 你好,想跟你请教个问题:

我使用是thinkphp作为开发框架,我想通过ajax提交验证,表单这么写:

<input type="mobile" class="form-control" id="username" placeholder="手机号码" name="username" data-rule="手机号:required; mobile;remote[{:U('public/login')}]" />

然后,我在方法,login里要怎么写才行?比如,我是用$_POST['username']来接参数吗?

验证未通过或通过,我要怎么返回值?

谢谢~

展开
收起
kun坤 2020-06-09 22:20:37 546 0
1 条回答
写回答
取消 提交回答
  • 是的,remote会自动把本身这个字段参数带到后端

    建议看看这个示例文档:http://niceue.com/validator/demo/remote.php
    里面有说明各种返回值

    ######你ajax 提交方法是什么,后端接受就是什么。######

    引用来自“JonyZhang”的答案

    是的,remote会自动把本身这个字段参数带到后端

    建议看看这个示例文档:http://niceue.com/validator/demo/remote.php
    里面有说明各种返回值

    谢谢回复,这个问题解决的,现在还有一个问题是,输入的内容是正确的,input框里的字体却变成红色的,我用HTML是基于bootstrap的,不知道是怎么回事:

    而错误的时候却还是黑色的,像这样:

    像这样的,不知道是否我哪写得有问题~

    ######用开发工具看看是哪个class设置了这个字体样式。 验证组件本身是不包含这个样式的######

    引用来自“绿水无痕”的答案

    引用来自“JonyZhang”的答案

    是的,remote会自动把本身这个字段参数带到后端

    建议看看这个示例文档:http://niceue.com/validator/demo/remote.php
    里面有说明各种返回值

    谢谢回复,这个问题解决的,现在还有一个问题是,输入的内容是正确的,input框里的字体却变成红色的,我用HTML是基于bootstrap的,不知道是怎么回事:

    而错误的时候却还是黑色的,像这样:

    像这样的,不知道是否我哪写得有问题~

    哦,我看了下CSS文件,发现你的CSS文件里有一个单词写错了,这是我在GITHUB上的截图:

    红色的部分应该是.n-invalid,少了个字母i了。这样错的时候就能变红了,我发现错的时候添加样式n-invalid,这个是没错了,可是对的时候添加的样式是:n-valid,而这两个样式你同样设置成颜色是红色的了。

    ######

    引用来自“绿水无痕”的答案

    引用来自“绿水无痕”的答案

    引用来自“JonyZhang”的答案

    是的,remote会自动把本身这个字段参数带到后端

    建议看看这个示例文档:http://niceue.com/validator/demo/remote.php
    里面有说明各种返回值

    谢谢回复,这个问题解决的,现在还有一个问题是,输入的内容是正确的,input框里的字体却变成红色的,我用HTML是基于bootstrap的,不知道是怎么回事:

    而错误的时候却还是黑色的,像这样:

    像这样的,不知道是否我哪写得有问题~

    哦,我看了下CSS文件,发现你的CSS文件里有一个单词写错了,这是我在GITHUB上的截图:

    红色的部分应该是.n-invalid,少了个字母i了。这样错的时候就能变红了,我发现错的时候添加样式n-invalid,这个是没错了,可是对的时候添加的样式是:n-valid,而这两个样式你同样设置成颜色是红色的了。

    看了下源码,https://github.com/niceue/validator/blob/master/src/themes/base.styl

    // valid input
    .n-valid {}
    // invalid input
    .n-invald {}
    // tooltip
    .n-error {color:#CC3333;}

    确实这个单词拼错了,css是用的Stylus编译的,看来编译出现问题了
    你可以把,.n-valid,.n-invalid 删掉,后面会修正这个问题


    2020-06-09 22:20:42
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载