php中js验证表单,js实现表单验证
直接上代码/**
* 验证表单内容
* required 必填项
* email 邮箱
* number 数字
* chinese 汉字
* idcode
* phone 电话
* mobile 手机
* check="length" min='2' max='5' msg='请输入大2小5个字符' 长度限制
*
* 单独验证
* validate(obj)
* 批量表单认证
* validate_form(formId)
* validate_class_form(form_class)
*
* @param obj
* @returns {boolean}
*/
function validate(obj) {
if (obj.attr("or_check") != undefined ){
var objOr = $("#"+obj.attr("or_check"));
if(objOr){
if(!(objOr.attr("isValidate")!= undefined && objOr.attr("isValidate")=='1' )){
obj.attr('isValidate','1');
if(validate(objOr)) return true;
}
}
}
if (obj.attr("check") == undefined && obj.attr("unequals")==undefined) return true;
var str = obj.attr("check");
if (str.indexOf("length") >= 0) {
clear_check_style(obj);
var obj_val= fergus.clearHtml(obj.val());
if(obj.attr("min")!=undefined && obj.attr("min")!=''){
if (obj_val.length < parseInt(obj.attr("min"))){
return return_false(obj, __get_index(str, "length"));
}
}
if(obj.attr("max")!=undefined && obj.attr("min")!=''){
if (obj_val.length > parseInt(obj.attr("max"))){
return return_false(obj, __get_index(str, "length"));
}
}
set_right(obj);
}
if (str.indexOf("required") >= 0) {
clear_check_style(obj);
var string = trim(obj.val());
if (string == "") {
return return_false(obj, __get_index(str, "required"));
} else {
set_right(obj);
}
}
if (str.indexOf("email") >= 0) {
clear_check_style(obj);
if (obj.val() != '')if (!is_email(obj.val())) {
return return_false(obj, __get_index(str, "email"));
} else {
set_right(obj);
}
}
if (str.indexOf("number") >= 0) {
clear_check_style(obj);
if (obj.val() != '')if (!is_number(obj.val())) {
return return_false(obj, __get_index(str, "number"));
} else {
set_right(obj);
}
}
if (str.indexOf("float") >= 0) {
clear_check_style(obj);
if (obj.val() != '')if (!is_float(obj.val())) {
return return_false(obj, __get_index(str, "float"));
} else {
set_right(obj);
}
}
if (str.indexOf("chinese") >= 0) {
clear_check_style(obj);
if (obj.val() != '')if (!is_chinese(obj.val())) {
return return_false(obj, __get_index(str, "chinese"));
} else {
set_right(obj);
}
}
if (str.indexOf("idcode") >= 0) {
clear_check_style(obj);
if (obj.val() != '')if (!is_idcode(obj.val())) {
return return_false(obj, __get_index(str, "idcode"));
} else {
set_right(obj);
}
}
if (str.indexOf("mobile") >= 0) {
clear_check_style(obj);
if (obj.val() != '')if (!is_mobile(obj.val())) {
return return_false(obj, __get_index(str, "mobile"));
} else {
set_right(obj);
}
}
if (str.indexOf("phone") >= 0) {
clear_check_style(obj);
if (obj.val() != '')if (!is_phone(obj.val())) {
return return_false(obj, __get_index(str, "phone"));
} else {
set_right(obj);
}
}
if (str.indexOf("equals") >= 0) {
clear_check_style(obj);
//console.log( str.substring(str.indexOf(":")+1));
if (obj.val() != '')if (obj.val() != $("#" + str.substring(str.indexOf(":") + 1)).val()) {
return return_false(obj, __get_index(str, "equals"));
} else {
set_right(obj);
}
}
var unequals = obj.attr("unequals");
if (unequals!="") {
clear_check_style(obj);
if (obj.val() == unequals) {
return return_false(obj, 0);
} else {
set_right(obj);
}
}
return true;
}
function __get_index(str, check_str) {
var splitre = new RegExp(",", "g");
var indexof = str.indexOf(check_str);
var result = str.substring(0, indexof).match(splitre);
var index = !result ? 0 : result.length;
return index;
}
function set_right(obj) {
obj.addClass("input_right");
}
function clear_check_style(obj) {
obj.siblings(".wrong").remove();
obj.removeClass("input_wrong");
}
function return_false(obj, index) {
obj.addClass("input_wrong");
var msg="";
if(obj.attr("msg") != undefined)msg = obj.attr("msg");
var msgout = "";
if (index >= 0) {
if (msg != "") {
var msglist = msg.split(",");
msgout = msglist[index];
}
// console.log(msgout)
} else {
msgout = msg;
}
if(msgout!=""){
obj.parent().css({"position":"relative"});
if(obj.attr("msg_n")&&obj.attr("msg_n")=="yes"){
obj.after("" + msgout + "");
}else{
obj.after("" + msgout + "");
}
fergus.hint(msgout);
}
return false;
}
function validate_form(formId) {
var formStr="";
if(formId){formStr="#"+formId+" "};
return _validate_from(formStr);
}
function _validate_from(formStr) {
var result = true;
$(formStr+"input,"+formStr+"textarea").each(function () {
result = validate($(this));
if (!result) {
$('html,body').animate({"scrollTop": $(this).offset().top-480 + "px"},400);
return result;
}
});
return result;
}
function validate_class_form(form_class) {
var formStr="";
if(form_class){formStr="."+form_class+" "};
return _validate_from(formStr);
}
function init_validate() {
$("input,textarea").each(function () {
if ($(this).attr("check") != undefined){
var str = $(this).attr("check");
if (str.indexOf("required") >= 0) {
$(this).parent().css("position","relative");
$(this).parent().find('.txt_orange').remove();
$(this).after(" *");
}
}
})
}
$("input,textarea").each(function () {
$(this).change(function () {
init_validate()
})
})
$(function () {
$("input,textarea").not(".select input").blur(function () {
validate($(this));
});
init_validate();
});
function is_number(val) {
var reg = new RegExp("^[0-9]*$");
return reg.test(val)
}
function is_float(val) {
var reg = new RegExp("^[0-9]*(\.[0-9]*)?$");
return reg.test(val)
}
function is_chinese(val) {
var reg = new RegExp("^[\u4e00-\u9fa5],{0,}$");
return reg.test(val)
}
function is_email(val) {
var reg = new RegExp("^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$");
return reg.test(val)
}
function is_phone(val) {
var reg = new RegExp("^(0\\d{2}-\\d{8}(-\\d{1,4})?)|(0\\d{3}-\\d{7,8}(-\\d{1,4})?)$|(^400[0-9]{7})");
return reg.test(val)
}
function is_idcode(val) {
var reg = new RegExp("^[0-9]{15,18}$");
return reg.test(val)
}
function is_mobile(val) {
var reg = new RegExp("^^((13[0-9])|(14[0-9])|(15([0-3]|[5-9]))|(18[0-9])|(17[0-9]))\\d{8}$");
return reg.test(val)
}
function trim(str){ //删除左右两端的空格
return $.trim(str);
}
php中js验证表单,js实现表单验证相关推荐
- 表单验证之validform.js使用方法
Validform使用入门 1.引入css 请查看下载文件中的style.css,把里面Validform必须部分复制到你的css中(文件里这个注释 "/*==========以下部分是Va ...
- 【卡法 常用 ckl.js 库】: js汇合 表单验证 cookie设置 日期格式 电话手机号码 email 整数 小数 金额 检查参数长度...
[卡法 常用js库]: js汇合 表单验证 cookie设置 日期格式 电话手机号码 email 整数 小数 金额 检查参数长度 // +---------------------- ...
- 轻量级的jQuery表单验证插件 - HAPPY.js
为什么80%的码农都做不了架构师?>>> 日期:2012-9-14 来源:GBin1.com 在线演示 本地下载 功能强大的表单验证插件很多,以前我们介绍过validati ...
- html 表单js验证,JavaScript使用表单元素验证表单
第一章:使用JavaScript验证表单 JavaScript的主要作用:验证表单 1最简单的表单验证-禁止空白的必填项目 1.1最简单的HTML结构 网站最基础的就是注册,它是一个系统的交互基础. ...
- vant表单点击提交没有触发验证_jquery.validate不用submit提交,用js提交的,怎么触发验证啊?...
展开全部 用 button.click提交. 举例如下: $("#form").validate(); $("#btn).click(function(){ if($(& ...
- table中加表单元素每行怎么验证_Validform 一行代码搞定整站的表单验证 - 文章
Validform 一行代码搞定整站的表单验证,为什么能如此方便?插件的核心思想就是把所有的验证条件及验证提示信息绑定到每个表单元素,让验证代码在执行时只是核对表单下各元素的值是否跟绑定的验证条件相符 ...
- 【二开】Jeecgboot Online表单js增强用法记录
[二开]Jeecgboot Online表单js增强用法记录 表单js增强 loaded(){this.$nextTick(()=>{//获取表单maplet rows = this.getFi ...
- [Ext JS]3.2 表单(Form)及表单元素
总概 表单用于收集用户的信息,在HTML中对应<form>标签,使用<input>标签在表单下添加输入框. 在Ext JS中,表单是面板的一种,对应的类是Ext.form.Pa ...
- JS同时上传表单图片和表单信息并把上传信息存入数据库,带php后端源码
微信小程序开发交流qq群 581478349 承接微信小程序开发.扫码加微信. 利用JQ,jquery.form.js,bootstrap实现上传表单图片和表单信息并把上传的图片地址,inp ...
- JS中使用正则表达式封装的一些常用的格式验证的方法-是否外部url、是否小写、邮箱格式、是否字符、是否数组
场景 在vue页面中需要对一些变量或者属性进行判断等. 所以讲这些js方法抽离出来一个公共的验证的方法. 注: 博客: https://blog.csdn.net/badao_liumang_qizh ...
最新文章
- 软件质量保证计划_软件测试计划 笔记
- 【移动开发】Android中强大的适配功能----Fragment(碎片)总结
- 使用Solr构建企业级的全文检索(三)---------Schema定义
- 使用cx_freeze打包Python程序
- 《我和PIC单片机:基于PIC18》——第2章 PIC的开发环境 2.1 PIC开发的硬件资源...
- 今日话题:坚持真的有用吗?
- [Android] Android开发优化之——使用软引用和弱引用
- 用c语言写出一个榜单程序,C语言依然位居榜单前列,依然值得程序员学习
- 情人节,怎么同时约会女神和女朋友
- AngularJS表单操作几个例子(表单提交,表单编辑默认值)
- webapi 参数的请求和接收
- uploadify 上传文件出现HTTP 404错误
- 电子游戏理论基础初探
- 对比Excel学openpyxl系列之批注、文档保护、冻结窗格
- 2018 亚马逊Awsome Day 见闻
- android项目导入zoom视频会议流程
- 云服务器防火墙关闭 tomcat不能正常访问
- 计算机房用什么气体灭火,气体灭火系统在通信机房中用量计算方法
- Twitter实时搜索系统EarlyBird的总结
- 网页翻译软件-网页自动采集翻译软件免费