Car*_*lin 5 jquery html5 jquery-validate
Jquery validate使用该title属性作为错误消息.我使用该title属性来提供用户工具提示,但我不希望它替换验证错误消息.
在这个完整的示例中,我将Last Name字段设置为具有title属性,同时保留没有属性的First Name字段title.表单提交时," 名字"字段正确显示错误消息 - " 此字段是必需的. ",而" 姓氏"字段显示title属性的内容.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
</head>
<body>
<form method="post" id="mainform">
Last Name
<input name="LastName" type="text" required="required" title="I don't want this to appear on my form" />
<br />
First Name
<input name="FirstName" type="text" required="required" />
<br />
<input type="submit" value="Submit" />
</form>
<script>
$("#mainform").validate();
</script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
有没有办法阻止jquery-validate将该title属性用作错误消息?
试试这个:
工作演示 http://jsfiddle.net/e6ndm/
Doc:http://jqueryvalidation.org/validate#toptions
休息应该符合您的需要 :)
$("#mainform").validate({
ignoreTitle: true
});
Run Code Online (Sandbox Code Playgroud)