javascript – jQuery验证插件addMethod

编程之家收集整理的这篇文章主要介绍了javascript – jQuery验证插件addMethod编程之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我正在尝试使用jQuery验证插件通过使用自定义add.method来验证一些表单字段,我需要一些帮助.
这是我的html表单.

<form method="post" action="<?=$PHP_SELF?>" name="sf" id="sf">

 <p>
 <label for="name">Name:</label>
   <input type="text" name="name"  id="name" /><br />
 </p>

 <p>
 <label for="email">Email:</label>
   <input type="text" name="email"  id="email" /><br />
 </p>

</form>

基本上我正在尝试一个非常基本的规则来检查Name字段是否为空.
我正在尝试关注,请告诉我它是否正确?

<script type="text/javascript">
$(document).ready(function() {
$.validator.addMethod("name",function(value,element){
    return this.optional(element) || (i.test(value) > 0);
    },"Name is required");         
        $("#sf").validate({
                rules: {
                name: true,
                },
        });
    });
</script>

我想在窗体的名称字段前显示名称错误消息.我怎么能这样做?谢谢你的帮助.

解决方法:

如果您只想制作表单元素,则应在元素上添加所需的类:

<input type="text" name="name"  id="name" class="required" />

这将通过验证自动获取.

如果您这样做只是为了弄清楚如何添加自定义规则,我建议不要使用名为“name”的规则(我在一个简单的例子中遇到了问题).以下是您可以添加自定义规则以确保“名称”仅为字符的方法

$.validator.addMethod("customname", function(value, element) {
    var i = /^[A-Za-z]+$/;
    return this.optional(element) || (i.test(value) > 0);
}, "Name is required");

$("#sf").validate({
    rules: {
        name: {
            customname: true
        }
    }
});

请注意,在rules对象内部,您必须指定另一个定义该元素规则的对象(名称).

至于将错误放在特定位置,请查看errorPlacement选项:

errorPlacement: function(error, element) {
    element.closest("p").prepend(error);
}

错误放在标签和输入之间.

以下是两个实际操作的示例:http://jsfiddle.net/andrewwhitaker/7xD2H/

总结

以上是编程之家为你收集整理的javascript – jQuery验证插件addMethod全部内容,希望文章能够帮你解决javascript – jQuery验证插件addMethod所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢寻找一群志同道合、互帮互助的学习伙伴,可以点击下方链接加入:
编程之家官方1群
编程之家官方2群
编程之家官方3群
编程之家官方4群

相关文章

猜你在找的jQuery相关文章

最近学习jQuery,所以就写了一个关于中国省市县/区的三级联动菜单,权当相互学习,相互促进,特此记录。 下面是嵌套js的html文件: 效果图: 以下是放在服务器的有关地名xml文件:
1 无穷滚动(无限加载)与分页的比较 现在越来越多的网站或者博客的列表页开始抛弃传统的分页技术,大致的原因在于,分页明显地增加了用户的操作行为以及页面加载等待的时间,而网页浏览者往往没什么耐心。 而无
此前在浏览一些网站的时候,发现他们网站的图片都是你“鼠标”滚到哪,图片才会加载显示。当时觉得好神奇,怎么会这么“跟手”呢。核心原理是:1 设置一个定时器,计算每张图片是否会随着滚动条的滚动,而出现在视
1.开关灯效果 &lt;!DOCTYPE html&gt; &lt;html lang=&quot;en&quot;&gt; &lt;head&gt; &lt;meta charset=&quot;U
什么是事件冒泡 &lt;div &quot;width: 200px;height: 200px;background: red;margin: 200px auto;&quot; onc
Allot Transfer $(document).ready(function() { $(&#39;input[type=radio][name=bedStatus]&#39;).change(
目录验证码实现效果如下:生成验证码的方法:生成验证码随机背景颜色在html中引用完整源码下载地址:验证码实现效果如下:生成验证码的方法:function code_draw() { var canvas_width = $('#canvas').width(); var canvas_height = $('#canvas').height(); var canvas = document.getElementById("canvas"); //获取到canvas
比如info是一个字符串变量,如果需要去该变量的值,需要使用下面的语句:语法:alert($(&quot;#&quot;+id).val());例如:使用id设置隐藏控件 $(&quot;.img&quot;).mouseover(function(event){ var html=event.target.innerHTML; //alert(html); var aid=html.match(/&amp;lt;a id=&quot;(...
微信公众号搜索 “ 程序精选 ” ,选择关注!
微信公众号搜 "程序精选"关注