JQuery Valdiation-不需要,但需要验证

JQuery Valdiation-不需要,但需要验证,jquery,validation,Jquery,Validation,提前感谢您提供的任何帮助 我正在使用jquery验证插件编写一个简单的表单 我的前两个字段是name和email,它们都是必需的 我的第三个字段是电话号码,但是可选的 在每个字段的文本框中,我都有初始值(例如,在此处输入您的姓名、在此处输入您的电话、在此处输入您的电子邮件) 我添加了元素,因此如果字段没有更改,它将返回错误消息 我的问题是我有以下问题 1) 使用jquery验证电话号码 2) 如果不需要验证电话号码框,但如果用户未键入任何内容并保留默认值,则不会引发错误 这是我的jquery代码

提前感谢您提供的任何帮助

我正在使用jquery验证插件编写一个简单的表单

我的前两个字段是name和email,它们都是必需的

我的第三个字段是电话号码,但是可选的

在每个字段的文本框中,我都有初始值(例如,在此处输入您的姓名、在此处输入您的电话、在此处输入您的电子邮件)

我添加了元素,因此如果字段没有更改,它将返回错误消息

我的问题是我有以下问题

1) 使用jquery验证电话号码 2) 如果不需要验证电话号码框,但如果用户未键入任何内容并保留默认值,则不会引发错误

这是我的jquery代码

<script>
$(document).ready(function(){

$.validator.addMethod(
'noPlaceholder', function (value, element) {
    return value !== element.defaultValue;
 }, 'Please enter a value.'
 );



 $("#drform").validate({

 rules: {
    name: "required",
    email: "required email",

 },

  messages: {
    name: "Enter your name",
    email: "Enter your primary email address",

},
  category: {
    notEqual: "Enter Your Name Here...",
    notEqual: "Enter Your Email Here..."
},


errorPlacement: function (error, element) {
        error.insertBefore(element.prev());
        element.parent().addClass('error');


}

});
    });
    </script>

$(文档).ready(函数(){
$.validator.addMethod(
“noPlaceholder”,函数(值,元素){
返回值!==element.defaultValue;
},'请输入一个值。'
);
$(“#drform”)。验证({
规则:{
名称:“必需”,
电子邮件:“必需的电子邮件”,
},
信息:{
姓名:“输入您的姓名”,
电子邮件:“输入您的主要电子邮件地址”,
},
类别:{
notEqual:“在此处输入您的姓名…”,
notEqual:“在此处输入您的电子邮件…”
},
errorPlacement:函数(错误,元素){
error.insertBefore(element.prev());
element.parent().addClass('error');
}
});
});
这是我的表格代码

 <div class="is-selection3">
 <div style="width: 200px;">
 <div class="errormsg"></div>
 <input name="name" type="text" size="30" class="is-input noPlaceholder" id="name" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'Enter Your Name Here...':this.value;" value="Enter Your Name Here..." ><br>
 <input name="email" type="text" size="30" class="is-input"  id="email" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'Enter Your Email Here...':this.value;" value="Enter Your Email Here..."><BR>
 <input name="mobile" type="text" size="30" class="is-input mobile"  id="mobile" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'Enter Your Phone Number Here...':this.value;" value="Enter Your Phone Number Here..."> 
 <BR>
 <center><input type="submit" name="button" id="button" value="Submit" /></center>
 </div>




关于如何验证默认值是否不存在,但又不要求它的问题,有什么想法吗

提示。。。尽量不要使用“onEVENT”属性,在javascript文件中编写javascript操作

关于您的问题,自从HTML5出现以来,您可以使用placholder和requeried属性,并添加一个jquery插件来处理不支持这些属性的浏览器

这些属性的一些插件:

你想要的是一个屏蔽输入插件:]