一个jquery表单验证问题 求解释

问题描述

<scriptsrc="Scripts/jquery-1.4.1.min.js"type="text/javascript"></script><scriptsrc="Scripts/jquery.validate.js"type="text/javascript"></script><script>$(document).ready(function(){$("#vidateForm").validate({rules:{userName:"required"},messages:{userName:"用户名必填"},errorPlacement:function(error,element){error.appendTo(element.parent());},})})</script></head><body><formid="vidateForm"action=""method="post"><p><labelfor="userName">userName</label><inputtype="text"name="userName"/></p><p><inputtype="submit"value="test"/></p></form>运行效果为什么错误信息会在提交按钮的下面而不是跟在验证元素的后面求解释

解决方案

解决方案二:
说不定是你样式问题。。
解决方案三:
error.appendTo(element.parent());这个你改成error.appendTo($("input[name='userName']"));试试看,还有LZ可以用firebug来调试一下,看触发验证时html具体是加到了那个标签那边

时间: 2024-07-30 21:38:00

一个jquery表单验证问题 求解释的相关文章

jquery表单验证插件(jquery.validate.js)的3种使用方式

这篇文章主要介绍了jquery表单验证插件(jquery.validate.js)的3种使用方式,本文用详细的代码实例讲解jquery表单验证插件的使用,需要的朋友可以参考下     jquery 验证非常简单,下面总结常用的三种方式: 第一种方式:也是比较标准的方式: 首先引入jquery 插件和 jquery 验证插件: 第一步:引入插件 代码如下: <script type="text/javascript" src="js/jquery-1.6.1.min.js

jquery表单验证插件(jquery.validate.js)的3种使用方式_jquery

jquery  验证非常简单,下面总结常用的三种方式: 第一种方式:也是比较标准的方式: 首先引入jquery  插件和 jquery 验证插件: 第一步:引入插件 复制代码 代码如下: <script type="text/javascript" src="js/jquery-1.6.1.min.js"></script> <script type="text/javascript" src="js/jq

实例详解jQuery表单验证插件validate_jquery

validate插件是一个基于jquery的表单验证插件了里面有许多的常用的一些验证方法我们可以直接调用,具体的我们一起来看看. 例子,html代码 <!DOCTYPE html> <html lang="en"> <head> <include file="Common/Header" /> <meta charset="utf-8"> <script src="/jq

Yii框架中jquery表单验证插件用法示例_php实例

本文实例讲述了Yii框架中jquery表单验证插件用法.分享给大家供大家参考,具体如下: 运行效果图如下: 视图层: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtm

jquery 表单验证之通过 class验证表单不为空_jquery

在开发系统时,往往都有某些表单数据为必填项,若用jQuery通过ID去验证,不仅会影响效率,还会有所遗漏,不易于后期维护. 本章将介绍如何利用jQuery,通过为表单配置class进行统一验证.(ID一个页面只可以使用一次:class可以多次引用) 1:为input添加class,名字可以随意设置,但每个input需要保持一致,本章案例calss设置为noNull.(若input已有class属性,可直接加到其后) 2:为input添加一个属性,用来后期通过jquery获取该字段,用作提示语.本

Jquery表单验证失败后不提交的解决方法_jquery

前言 这个问题经过我的整理发现是对事件的认识和js的结构没有了解清楚,return的false在onclick事件中没有返回,所以onclick之后只是显示了false值. 解决方法示例 就是一个普通的表单验证提交: <input type="botton" </code><code>onclick="javascript:checkUserInfo()"</code><code>/> checkUserI

Jquery表单验证插件formValidator使用方法_jquery

使用步骤: 1.首先在项目中添加必备js与css   2.代码中添加引用(必备引用) <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> <!--jquery必须库--> <script src="formValidator1/formValidator-4.0.1.min.js" type="te

jQuery 表单验证扩展代码(二)_jquery

一. 存在的问题 在上篇中我已经提到过,验证提示打算用文本和样式两种方式来显示提示消息,这两种提示都只能单独使用,于是新的跟新内容做了一些扩展,使得两者可以共用.前一篇写的是否必填项这个验证只是正对 Text, TextArea 这两个表单元素,在新的扩展中同时也支持了radio,checkbox 两个元素. 二. 验证参数的设计 基于多重选择的考虑,扩展了一些有必要的参数,参数列表如下: required: 是否为必填项,true 和 false ,true 表示为必填项 (*) onFocu

jQuery表单验证插件jqBootstrapValidation使用示例

jqBootstrapValidation是一个bootstrap框架样式表单的jQuery验证插件,他能够验证基本的表单字段类型,比如电子邮箱格式.纯数字.纯子母.字段是否为空等,依赖于bootstrap框架的表单样式和Jquery JavaScript框架查找和编辑HTML标签. 安装 下载jqbootstrapvalidation包括你的网页的脚本标签:  代码如下 复制代码 <script src="/js/jquery.min.js"></script>