Jquery ValidationEngine 修改验证提示框的位置

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>自定义验证框位置</title>
  <link rel="stylesheet" type="text/css" href="ValidationEngine/css/validationEngine.jquery.css"/>
  <script src="ValidationEngine/js/jquery-1.8.2.min.js"></script>
  <script src="ValidationEngine/js/jquery.validationEngine.js"></script>
  <script src="ValidationEngine/js/languages/jquery.validationEngine-zh_CN.js"></script>
  <script type="text/javascript">
        jQuery(document).ready(function () {
            jQuery("#frmJquery").validationEngine({
                onFormSuccess: function () {
                    return false;
                },
                onFormFailure: function () {
                    return false;
                }
            });

            jQuery("#frmJquery").validationEngine(‘attach‘, {
                relative: true,
                overflownDIV: "#divPostion",
                promptPosition: "bottomLeft" //验证弹出框的位置,topRight,topLeft,bottomRight,bottomLeft,centerRight,centerLeft,inline
            });
        })

        function showMsg(msg)
        {
            layer.msg(msg, { time: 1000 });
        }
    </script>
 </head>
 <body>
 <div id="divPostion">
 <form id="frmJquery">
  姓名:<input type="text" id="txtName" class="validate[required]"><br/><br/>
  手机:<input type="text" id="txtPhone" class="validate[custom[phone]]">
  <form>
  </div>
 </body>
</html>

时间: 2024-10-11 16:23:57

Jquery ValidationEngine 修改验证提示框的位置的相关文章

第一百九十六节,jQuery EasyUI,Tooltip(提示框)组件

jQuery EasyUI,Tooltip(提示框)组件 学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表 本节课重点了解 EasyUI 中 Tooltip(提示框)组件的使用方法,,这个组件不依赖于其 他组件. 一.加载方式 //class 加载方式 <a href="http://www.ycku.com" title="这是一个提示信息!" class="easyui-tooltip">Hover Me <

jQuery Easy UI Tooptip(提示框)组件

我们都知道DOM节点的title属性,Tooptip组件就是比较强大的title,它可以自由的设置自己的样式.位置以及有自己相关的触发事件. 示例: <!DOCTYPE html> <html> <head> <title>jQuery Easy UI</title> <meta charset="UTF-8" /> <script type="text/javascript" src=&

jQuery mobile 学习06 提示框和确认框

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getS

jQuery.validationEngine前端验证

引入相关文件: <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js" type="text/ javascript"></script> <script src="js/jquery.validationEngine-en.js" type="text/javascript" charset="

可以修改的提示框

/* * 提示信息获取与修改 *        陈安一 */ //弹出提示框 function showaa(object) { var id = object.id; var url = "http://url/tips/" + window.location.hostname + window.location.pathname + "/" + id; $("<script src='" + url + "'><&

基于jquery的响应式提示框SweetAlert

介绍款交互性非常不错的jquery弹出层插件,支持消息提示.错误提示.确认框提示等.交互式体验感非常不错,比如咱们现在体验非常不错的微信支付.支付宝等完成后的效果.不过本插件至少支持IE9+.使用方式也特别简单.粗暴,符合大众的jquery插件使用方法. 在线预览   源码下载 <h1>Sweet Alert</h1> <h2>A beautiful replacement for JavaScript's "Alert"</h2> &l

jquery validationEngine ajax验证优化

验证input,先验证ajax外的规则(删除data-validation-engine中的ajax规则),验证之后自己写ajax来验证,最后再恢复原来的规则 function validateAjax(input,isValidate){     var $input = $(input), engine = $input.attr("data-validation-engine");     //验证除ajax外的其他规则     if(isValidate) {         

jquery之右下角消息提示框

messager.js (function (jQuery) { var window; var obj = new Object(); obj.version = '@1.0'; obj.title = '信息提示'; obj.time = 4000; obj.anims = { 'type': 'slide', 'speed': 600 }; obj.inits = function (title, text) { window = $('<div class="messager&qu

jquery toastmessage (Jquery类似安卓消息提示框)

Do you wanna have some toasts ? jquery-toastmessage-plugin is a JQuery plugin which provides android-like notification messages. The toasted messages arriving on the screen in a seamless and natural way. They may or may not disrupt the user and they