javascript - jQuery Validate 方法未注册
问题描述
编辑:'strongPassword: true' = 错误
我有一个表单验证功能,当没有方法被访问时工作。当调用 'strongPassword' 方法时,错误区域开始。如何正确调用方法——尤其是密码强度?
假设 validate 方法比编写 jquery 更容易实现。
//validate
$(function(){
$.validator.addMethod('strongPassword', function(value, element) {
return this.optional(element)
|| value.length >= 8
&& /\d/.test(value)
&& /[a-z]/i.test(value);
}, 'Your password must be at least 8 characters long and contain at least one number and one char\'.')
$('#register-form').validate({
rules:{
email: {
required: true,
email: true
},
password:{
required: true,
strongPassword: true
},
confirmPassword:{
required: true,
equalTo: '#password'
},
firstname: {
required: true,
nowhitespace: true,
lettersonly: true
},
lastname: {
required: true,
nowhitespace: true,
lettersonly: true
},
mobileNumber: {
required: true,
digits: true,
phonesUK: true
},
username:{
required:true
}
},
messages: {
email: {
required: 'Please enter an email address',
email: 'Please enter a <i>valid</i> email address'
}
}
}); //valdate end
}); //function end
我的表格
<form class="article" id="article-form" name="article" method="post">
<ol>
<li>
<label for="heading">Heading</label> <span id="headingMessage"></span>
<input name="heading" id="heading" class="form-control" type="text">
</li>
<li>
<label for="topic">Topic</label> <span id="topicMessage"></span>
<input name="topic" id="topic" class="form-control" type="text" list="football">
<datalist id="football">
<option value="Scotland"></option>
<option value="England"></option>
<option value="Spain"></option>
</datalist>
</li>
<li>
<label for="summary">Summary</label> <span id="summaryMessage"></span>
<input name="summary" id="summary" class="form-control" type="text">
</li>
<li>
<label for="thumbnail">Thumbnail Link</label> <span id="thumbnailMessage"></span>
<input name="thumbnail" id="thumbnail" class="form-control" type="text">
</li>
<li>
<label for="video">Video</label> <span id="videoMessage"></span>
<input name="video" id="video" class="form-control" type="text" >
</li>
<li>
<label for="articleText">Text</label>
<textarea name="articleText" height:300px id="articleText" class="form-control" type="text"></textarea><span id="articleTextMessage"></span>
</li>
</ol>
<input class="btn btn-info" id="formButtonSubmit" type="submit" value="Submit" name="submit">
</form>
解决方案
推荐阅读
- sql - 如何根据相关列的值将值从行旋转到列
- html - 响应式三角形 div
- c++ - 如何处理 std::find_if() 返回错误?
- java - 更改 TextInputLayout 标签 TextView 的背景颜色
- c# - 在 localhost 上为 https/SSL 配置 wcf 服务
- docker - Docker复制文件但在运行时不存在
- unix - 如何删除目录中除一个子目录外的所有文件?
- android - 交易后立即清除 Fragment Backstack
- windows - MongoDB 容器在 Windows 10 中失败
- html - 单击折叠的导航栏图标时,如何创建从右侧打开的面板?