扫描二维码用手机看文章插件描述： Bootstrap验证是一个jQuery插件来验证表单域,设计采用Bootstrap 3.
特点&&&&&&&&代码从头构建,清晰明了&&&&&&&&内置验证器和计数!&&&&&&&&容易编写新确认器&&&&&&&&显示基于字段有效性反馈图标&&&&&&&&支持Ajax验证器和表单提交&&&&&&&&字段验证器可以启用/禁用&&&&&&&&与其他插件可以使用如日期选择、日期时间选择器、Select2,Raty等等。
相关插件-验证
讨论这个项目（2）回答他人问题或分享插件使用方法奖励jQ币
挺好用的，就是文档不全。。。
只能提交表单 无法Ajax提交&
PROMULGATOR
关注作者 (31)
收藏此插件 (41)
我当前jQ币余额：正在获取..
已下载次数：4367
所需jQ币：0您的位置： >
jquery.validate.js validation表单的验证插件
jquery.validate.js validation表单的验证插件
messages_cn.js &!--验证国际化，中文--& （不引用messages_cn.js是英文的提示，用了是中文） required: &This field is required.&, remote: &Please fix this field.&, email: &Please enter a valid email address.&, url: &Please enter a valid URL.&, date: &Please enter a valid date.&, dateISO: &Please enter a valid date (ISO).&, dateDE: &Bitte geben Sie ein g&ltiges Datum ein.&, number: &Please enter a valid number.&, numberDE: &Bitte geben Sie eine Nummer ein.&, digits: &Please enter only digits&, creditcard: &Please enter a valid credit card number.&, equalTo: &Please enter the same value again.&, accept: &Please enter a value with a valid extension maxlength: Please enter no more than {0} characters minlength: Please enter at least {0} characters rangelength: Please enter a value between {0} and {1} characters long. range: Please enter a value between {0} and {1}. max: Please enter a value less than or equal to {0}. min: Please enter a value greater than or equal to {0}. &script type=&text/javascript&& $(function() { $(&#btnOk&).click(function() { $(&#form1&).validate({ rules: { username: { required: true, minlength: 2 }, email: { required: true, email: true }, url: { required: true, url: true }, comment: &required& } }); }); }); &/script&
&body& &form id=&form1& runat=&server& action=&& method=&get&& &fieldset& &legend&一个简单的验证带验证评论的例子&/legend& &p& &label for=&cusername&&姓名&/label&&em&*&/em& &input type=&text& id=&cusername& name=&username& size=&25&/& &/p& &p& &label for=&cemail&&邮件&/label&&em&*&/em& &input type=&text& id=&cemail& name=&email& size=&25&/& &/p& &p& &label for=&curl&&网址&/label&&em&*&/em& &input type=&text& id=&curl& name=&url& size=&25&/& &/p& &p& &label for=&ccomment&&你的评论&/label&&em&*&/em& &textarea id=&ccomment& name=&comment&cols=&22&&&/textarea& &/p& &p& &%--&input type=&submit& id=&send& value=&提交&/&--%& &asp:Button ID=&btnOk& runat=&server& Text=&提交& onclick=&btnOk_Click&/& &/p& &/fieldset& &/form& &/body&
上一篇： 下一篇：jquery.validate+jquery.form提交的三种方式_小组_ThinkSAAS
jquery.validate+jquery.form提交的三种方式
jquery.validate+jquery.form提交的三种方式
jQuery Form插件是一个优秀的Ajax表单插件，可以非常容易地、无侵入地升级HTML表单以支持Ajax。jQuery Form有两个核心方法 -- ajaxForm() 和 ajaxSubmit()， 它们集合了从控制表单元素到决定如何管理提交进程的功能。另外，插件还包括其他的一些方法： formToArray()、formSerialize()、fieldSerialize()、fieldValue()、clearForm()、clearFields() 和 resetForm()等。
下载地址：
核心方法 -- ajaxForm() 和 ajaxSubmit()
[javascript]
$('#myForm').ajaxForm(function() {
$('#output1').html("提交成功！欢迎下次再来！").show();
$('#myForm2').submit(function() {
$(this).ajaxSubmit(function() {
$('#output2').html("提交成功！欢迎下次再来！").show();
return false;
通过Form插件的两个核心方法，都可以在不修改表单的HTML代码结构的情况下，轻易地将表单的提交方式升级为Ajax提交方式
ajaxForm() 和 ajaxSubmit() 都能接受0个或1个参数，当为单个参数时，该参数既可以是一个回调函数，也可以是一个options对象，上面的例子就是回调函数，下面介绍options对象，使得它们对表单拥有更多的控制权
[javascript]
var options = {
target: '#output',
beforeSubmit: showRequest,
success: showResponse,
timeout: 3000
function showRequest(formData, jqForm, options){
var queryString = $.param(formData);
var formElement = jqForm[0];
var address = formElement.address.
return true;
function showResponse(responseText, statusText){
var name = $('name', responseXML).text();
var address = $('address', responseXML).text();
$("#xmlout").html(name + "
" + address);
$("#jsonout").html(data.name + "
" + data.address);
$("#myForm").ajaxForm(options);
$("#myForm2").submit(funtion(){
$(this).ajaxSubmit(options);
return false;
表单提交之前进行验证：
beforeSubmit会在表单提交前被调用，如果beforeSubmit返回false，则会阻止表单提交
[javascript]
beforeSubmit: validate
function validate(formData, jqForm, options) {
for (var i=0; i & formData. i++) {
if (!formData[i].value) {
alert('用户名,地址和自我介绍都不能为空!');
return false;
var form = jqForm[0];
if (!form.name.value || !form.address.value) {
alert('用户名和地址不能为空，自我介绍可以为空！');
return false;
var usernameValue = $('input[name=name]').fieldValue();
var addressValue = $('input[name=address]').fieldValue();
if (!usernameValue[0] || !addressValue[0]) {
alert('用户名和地址不能为空，自我介绍可以为空！');
return false;
var queryString = $.param(formData);
<li style="border-style:
border-left-width: 3 border-left-color: #999999; background-color: #f5fae2; color: line-height: 18 margin-bottom: 0px ! margin-left: 0px ! padding-right: 3px ! padding-left: 10px !" class=
用户评论(0)
开发技术学习小组列表
PHP开发框架
缓存Memcache
服务器环境
ThinkSAAS商业授权：
ThinkSAAS为用户提供有偿个性定制开发服务
ThinkSAAS将为商业授权用户提供二次开发指导和技术支持
手机客户端
ThinkSAAS接收任何功能的Iphone(IOS)和Android手机的客户端定制开发服务
让ThinkSAAS更好，把建议拿来。jQuery 的表单验证插件：jQuery Form Validate
-------------
新增文件夹...
新增文件夹
(多个标签用逗号分隔)
jQuery Form Validate 是一个 jQuery 的表单验证插件，支持 HTML5 数据属性的验证。
required() - Make it so form input is required.
requiredIf( string element id ) - Require an input only if a dependent element has a value.
betweenNumeric( float minimum, float maximum ) - See if a value is between a minimum and maximum value.
numChars( int length ) - Validate that a string is exactly a certain number of characters in length.
minChars( int minimum ) - Validate that a string is at least a certain number of characters in length.
maxChars( int maximum ) - Validate that a string is no more than a certain number of characters in length.
numOptions( int minimum ) - Make sure a user selects exactly the provided number of checkboxes or multi-select form inputs.
minOptions( int minimum ) - Make sure a user selects at least a provided number of checkboxes or multi-select form inputs.
maxOptions( int maximum ) - Make sure a user selects no more than a provided number of checkboxes or multi-select form inputs.
email() - Make sure a user entered a valid email
date( string format ) - Make sure the user entered a valid date in a valid date format. Format must be written as either "YYYY-MM-DD", "MM-DD-YYYY", or "DD-MM-YYYY".
项目主页：
相关资讯 　—　
相关文档 　—　
发布时间： 18:49:52
同类热门经验
28228次浏览
14892次浏览
90939次浏览
14498次浏览
33020次浏览
24281次浏览
OPEN-OPEN, all rights reserved.}