提交
重置
下面给大家分享bootstrap表单验证实例代码,具体代码如下所示:
代码如下 | 复制代码 |
<%@ page language="java"contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ include file="../include/taglib.jsp"%> <%@include file="../include/common.jsp"%> |
--------------------------------------------------引入js----------------------------------------------------------------------
代码如下 | 复制代码 |
$(function() { //重置 $('#resetBtn').click(function(){ //清空表单验证内容 $('#formTest')[0].reset(); //清空表单验证信息 $('#formTest').bootstrapValidator('resetForm'); }); functionrandomNumber(min, max) { returnMath.floor(Math.random() * (max - min + 1) + min); }; $('#callbackshow').html([randomNumber(1, 100),'+', randomNumber(1, 200),'='].join(' ')); //校验 $('#formTest').bootstrapValidator({ message :'', feedbackIcons: { valid:'glyphicon glyphicon-ok', invalid:'glyphicon glyphicon-remove', validating:'glyphicon glyphicon-refresh' }, //验证用户名字 fields: { username: { message:'用户名验证失败', validators: { notEmpty: { message:'用户名不能为空' }, stringLength: { min: 2, max: 4, message:'名字长度只能为2-4位' }, regexp: { regexp: /^[u2E80-u9FFF]+$/, message:'只能为汉字' }, } },//end username birthday:{ validators: { notEmpty: { message:'生日不能为空' }, date:{ format:'YYYY/MM/DD', message:'输入正确的日期格式,YYYY/MM/DD' } } },//end birthday //验证email email: { validators: { notEmpty: { message:'邮箱地址不能为空' }, emailAddress: { message:'邮箱地址不对' } } },//end email password:{ validators: { notEmpty: { message:'密码不能为空' }, stringLength: { min: 6, max: 15, message:'密码长度最小为6最多为15' }, regexp: { regexp: /^[d]+$/, message:'只能为数字' }, } },//end password confirmPassword:{ validators: { notEmpty: { message:'密码不能为空' }, stringLength: { min: 6, max: 15, message:'密码长度最小为6最多为15' }, identical: { field:'password', message:'2次密码不一致' }, } },//end confirmPassword 'languages': { validators: { notEmpty: { message:'至少要选择一个' }, choice: { min: 2, max: 3, message:'选择2-3个' } } },//end languages callbacktest:{ validators: { callback:{ message:'输入错误', callback:function(value,validator){ varitems = $('#callbackshow').html().split(' '), sum = parseInt(items[0]) + parseInt(items[2]); console.log(sum); returnvalue == sum; } } } },//end callbacktest } });
//表单提交 $("#formTest").submit(function(ev){ev.preventDefault();}); $("#submitBtn").on("click",function(){ varbootstrapValidator = $("#formTest").data('bootstrapValidator'); bootstrapValidator.validate(); if(bootstrapValidator.isValid()){ $.ajaxRequest({ url :'www.baidu.com', }); }else{ return; } }); }); |
摩尔庄园 安卓官方版v2.9.24091002S
摩尔庄园很多小伙伴一定都在小时候玩过,但随着我们年龄的增长淡
梦幻庄园最新版 官方正版v1.0.0
梦幻庄园是一款非常好玩的模拟经营类游戏,玩家在游戏中有一个属
合并梦幻岛免内购版 v2.1.0
合并梦幻岛无限内购版是游戏的破解版本,在该版本中为玩家解锁了
无悔华夏魅族版 2025最新版v3.5.194
无悔华夏魅族版是一款超级好用的模拟经营游戏。在这里玩家们需要
月影别墅官方安装包2025版 安卓版v2.3.24
月影别墅官方安装包2025版是一款匠心独具的乙女向剧情游戏,