一: form表单提交时如果表单里有input标签为空那么不提交form表单。

<head>
<script type="text/javascript">function sub1(){
var text1=$("#text1").val();
if(text1==""){
alert("不能为空!");
$("#text1").select();
$("#text1").focus();
        return false;
}else{
  
}
}
</script> </head>
<body>
<form onsubmit="return sub1();" method="post" action="">
<input type=text id="text1"/>
<input type="submit" value="提交">
</form>
</body>

二: 基于jQuery判断是输入的字符限制。

<script type="text/javascript">
function check(obj){
var value = $(obj).val();
var length = value.length;
if(length>5){
value = value.substring(0,5);
alert("对不起!来源只能为5个字符!");
$(obj).val(value);
}}
</script> <!-- onkeyup 事件为文本框值更改时触发事件 -->
<input type="text" name="source" onkeyup="check(this)"/>

三:文本框只能输入数字。

<!--  输入大于0正整数 -->
<input onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}">
<!-- 文本框只能输入数字代码(小数点也不能输入)-->
<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">
<!--只能输入数字,能输小数点.-->
<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">
<input name=txt1 onchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}">
<!--只能输入字母和汉字-->
<input onkeyup="value=value.replace(/[\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))" maxlength=10 name="Numbers">
<!-- 只能输入英文字母和数字,不能输入中文-->
<input onkeyup="value=value.replace(/[^\w\.\/]/ig,'')">
<!-- 只能输入数字和英文-->
<input onKeyUp="value=value.replace(/[^\d|chun]/g,'')">
<!--只能输入字母和数字, 但是不能全部都输入数字-->
<input onchange="if(/^[\d]*$/.test(this.value)){alert('*账户必须包含字母');this.value='';}" maxlength="100" class="input-xlarge required"/>
//检查输入的Email信箱格式是否正确
校验ip地址的格式
检查输入手机号码是否正确
检查输入的电话号码格式是否正确
检查输入字符串是否为空或者全部都是空格
检查输入对象的值是否符合整数格式
检查输入字符串是否符合正整数格式
检查输入字符串是否是带小数的数字格式,可以是负数
检查输入对象的值是否符合端口号格式
检查输入字符串是否符合金额格式,格式定义为带小数的正数,小数点后最多三位
检查输入字符串是否只由英文字母和数字和下划线组成
检查输入字符串是否只由英文字母和数字组成
检查输入字符串是否只由汉字、字母、数字组成
判断是否是日期
字符1是否以字符串2结束
字符1是否以字符串2开始
字符1是包含字符串2
检查输入的起止日期是否正确,规则为两个日期的格式正确,且结束如期>=起始日期
检查复选框被选中的数目
检查输入的起止日期是否正确,规则为两个日期的格式正确或都为空且结束日期>=起始日期
检查证券代码是否正确 /* 用途:检查输入的Email信箱格式是否正确 输入:strEmail:字符串 返回:如果通过验证返回true,否则返回false */ function checkEmail(strEmail) { //var emailReg = /^[_a-z0-9]+@([_a-z0-9]+\.)+[a-z0-9]{2,3}$/; var emailReg = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/; if ( emailReg.test(strEmail) ) { return true; } else { alert("您输入的Email地址格式不正确!"); return false; } }; /* 用途:校验ip地址的格式 输入:strIP:ip地址 返回:如果通过验证返回true,否则返回false; */ function isIP(strIP) { if (isNull(strIP)) { return false; } var re = /^(\d+)\.(\d+)\.(\d+)\.(\d+)$/g //匹配IP地址的正则表达式 if (re.test(strIP)) { if ( RegExp.$1 < 256 && RegExp.$2 < 256 && RegExp.$3 < 256 && RegExp.$4 < 256) { return true; } }
return false;
}; /* 用途:检查输入手机号码是否正确 输入:strMobile:字符串 返回:如果通过验证返回true,否则返回false */ function checkMobile( strMobile ) { var regu = /^[1][3][0-9]{9}$/; var re = new RegExp(regu); if (re.test(strMobile)) { return true; } else { return false; } }; /* 用途:检查输入的电话号码格式是否正确 输入:strPhone:字符串 返回:如果通过验证返回true,否则返回false */ function checkPhone( strPhone ) { var phoneRegWithArea = /^[0][1-9]{2,3}-[0-9]{5,10}$/; var phoneRegNoArea = /^[1-9]{1}[0-9]{5,8}$/; var prompt = "您输入的电话号码不正确!" if ( strPhone.length > 9 ) { if ( phoneRegWithArea.test(strPhone) ) { return true; } else { alert( prompt ); return false; } } else { if ( phoneRegNoArea.test( strPhone ) ) { return true; } else { alert( prompt ); return false; } } }; /* 用途:检查输入字符串是否为空或者全部都是空格 输入:str 返回:如果全是空返回true,否则返回false */ function isNull( str ) { if ( str == "" ) { return true; } var regu = "^[ ]+$"; var re = new RegExp(regu); return re.test(str); }; /* 用途:检查输入对象的值是否符合整数格式 输入:str 输入的字符串 返回:如果通过验证返回true,否则返回false */ function isInteger( str ) { var regu = /^[-]{0,1}[0-9]{1,}$/; return regu.test(str); }; /* 用途:检查输入字符串是否符合正整数格式 输入:s:字符串 返回:如果通过验证返回true,否则返回false */ function isNumber( s ) { var regu = "^[0-9]+$"; var re = new RegExp(regu); if (s.search(re) != - 1) { return true; } else { return false; } }; /* 用途:检查输入字符串是否是带小数的数字格式,可以是负数 输入:str:字符串 返回:如果通过验证返回true,否则返回false */ function isDecimal( str ) { if (isInteger(str)) { return true; } var re = /^[-]{0,1}(\d+)[\.]+(\d+)$/; if (re.test(str)) { if (RegExp.$1 == 0 && RegExp.$2 == 0) { return false; } return true; } else { return false; } }; /* 用途:检查输入对象的值是否符合端口号格式 输入:str 输入的字符串 返回:如果通过验证返回true,否则返回false */ function isPort( str ) { return (isNumber(str) && str < 65536); }; /* 用途:检查输入字符串是否符合金额格式,格式定义为带小数的正数,小数点后最多三位 输入:s:字符串 返回:如果通过验证返回true,否则返回false */ function isMoney( s ) { var regu = "^[0-9]+[\.][0-9]{0,3}$"; var re = new RegExp(regu); if (re.test(s)) { return true; } else { return false; } }; /* 用途:检查输入字符串是否只由英文字母和数字和下划线组成 输入:s:字符串 返回:如果通过验证返回true,否则返回false */ function isNumberOr_Letter( s ) { //判断是否是数字或字母 var regu = "^[0-9a-zA-Z\_]+$"; var re = new RegExp(regu); if (re.test(s)) { return true; } else { return false; } }; /* 用途:检查输入字符串是否只由英文字母和数字组成 输入:s:字符串 返回:如果通过验证返回true,否则返回false */ function isNumberOrLetter( s ) { //判断是否是数字或字母 var regu = "^[0-9a-zA-Z]+$"; var re = new RegExp(regu); if (re.test(s)) { return true; } else { return false; } }; /* 用途:检查输入字符串是否只由汉字、字母、数字组成 输入:s:字符串 返回:如果通过验证返回true,否则返回false */ function isChinaOrNumbOrLett( s ) { //判断是否是汉字、字母、数字组成 var regu = "^[0-9a-zA-Z\u4e00-\u9fa5]+$"; var re = new RegExp(regu); if (re.test(s)) { return true; } else { return false; } }; /* 用途:判断是否是日期 输入:date:日期;fmt:日期格式 返回:如果通过验证返回true,否则返回false */ function isDate( date, fmt ) { if (fmt == null) { fmt = "yyyyMMdd"; } var yIndex = fmt.indexOf("yyyy"); if (yIndex ==- 1) { return false; } var year = date.substring(yIndex, yIndex + 4); var mIndex = fmt.indexOf("MM"); if (mIndex ==- 1) { return false; } var month = date.substring(mIndex, mIndex + 2); var dIndex = fmt.indexOf("dd"); if (dIndex ==- 1) { return false; } var day = date.substring(dIndex, dIndex + 2); if (!isNumber(year) || year > "2100" || year < "1900") { return false; } if (!isNumber(month) || month > "12" || month < "01") { return false; } if (day > getMaxDay(year, month) || day < "01") { return false; } return true; }; function getMaxDay(year, month) { if (month == 4 || month == 6 || month == 9 || month == 11) { return "30"; } if (month == 2) { if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0) { return "29"; } else { return "28"; } return "31";; } }; /* 用途:字符1是否以字符串2结束 输入:str1:字符串;str2:被包含的字符串 返回:如果通过验证返回true,否则返回false */ function isLastMatch(str1, str2) { var index = str1.lastIndexOf(str2); if (str1.length == index + str2.length) { return true; } return false; }; /* 用途:字符1是否以字符串2开始 输入:str1:字符串;str2:被包含的字符串 返回:如果通过验证返回true,否则返回false */ function isFirstMatch(str1, str2) { var index = str1.indexOf(str2); if (index == 0) { return true; } return false; }; /* 用途:字符1是包含字符串2 输入:str1:字符串;str2:被包含的字符串 返回:如果通过验证返回true,否则返回false */ function isMatch(str1, str2) { var index = str1.indexOf(str2); if (index ==- 1) { return false; } return true; }; /* 用途:检查输入的起止日期是否正确,规则为两个日期的格式正确,且结束如期>=起始日期 输入:startDate:起始日期,字符串; endDate:结束如期,字符串 返回:如果通过验证返回true,否则返回false */ function checkTwoDate( startDate, endDate ) { if ( !isDate(startDate) ) { alert("起始日期不正确!"); return false; } else if ( !isDate(endDate) ) { alert("终止日期不正确!"); return false; } else if ( startDate > endDate ) { alert("起始日期不能大于终止日期!"); return false; } return true; }; /* 用途:检查复选框被选中的数目 输入:checkboxID:字符串 返回:返回该复选框中被选中的数目 */ function checkSelect( checkboxID ) { var check = 0; var i = 0; if ( document.all(checkboxID).length > 0 ) { for ( i = 0; i < document.all(checkboxID).length; i++ ) { if ( document.all(checkboxID).item( i ).checked ) { check += 1; } } } else { if ( document.all(checkboxID).checked ) { check = 1; } } return check; } function getTotalBytes(varField) { if (varField == null) { return - 1; } var totalCount = 0; for (i = 0; i < varField.value.length; i++) { if (varField.value.charCodeAt(i) > 127) { totalCount += 2; } else { totalCount++ ; } } return totalCount; } function getFirstSelectedValue( checkboxID ) { var value = null; var i = 0; if ( document.all(checkboxID).length > 0 ) { for ( i = 0; i < document.all(checkboxID).length; i++ ) { if ( document.all(checkboxID).item( i ).checked ) { value = document.all(checkboxID).item(i).value; break; } } } else { if ( document.all(checkboxID).checked ) { value = document.all(checkboxID).value; } } return value; } function getFirstSelectedIndex( checkboxID ) { var value = - 2; var i = 0; if ( document.all(checkboxID).length > 0 ) { for ( i = 0; i < document.all(checkboxID).length; i++ ) { if ( document.all(checkboxID).item( i ).checked ) { value = i; break; } } } else { if ( document.all(checkboxID).checked ) { value = - 1; } } return value; } function selectAll( checkboxID, status ) { if ( document.all(checkboxID) == null) { return; } if ( document.all(checkboxID).length > 0 ) { for ( i = 0; i < document.all(checkboxID).length; i++ ) { document.all(checkboxID).item( i ).checked = status; } } else { document.all(checkboxID).checked = status; } } function selectInverse( checkboxID ) { if ( document.all(checkboxID) == null) { return; } if ( document.all(checkboxID).length > 0 ) { for ( i = 0; i < document.all(checkboxID).length; i++ ) { document.all(checkboxID).item( i ).checked = !document.all(checkboxID).item( i ).checked; } } else { document.all(checkboxID).checked = !document.all(checkboxID).checked; } } function checkDate( value ) { if (value == '') { return true; } if (value.length != 8 || !isNumber(value)) { return false; } var year = value.substring(0, 4); if (year > "2100" || year < "1900") { return false; } var month = value.substring(4, 6); if (month > "12" || month < "01") { return false; } var day = value.substring(6, 8); if (day > getMaxDay(year, month) || day < "01") { return false; } return true; }; /* 用途:检查输入的起止日期是否正确,规则为两个日期的格式正确或都为空且结束日期>=起始日期 输入:startDate:起始日期,字符串; endDate: 结束日期,字符串 返回:如果通过验证返回true,否则返回false */ function checkPeriod( startDate, endDate ) { if ( !checkDate(startDate) ) { alert("起始日期不正确!"); return false; } else if ( !checkDate(endDate) ) { alert("终止日期不正确!"); return false; } else if ( startDate > endDate ) { alert("起始日期不能大于终止日期!"); return false; } return true; }; /* 用途:检查证券代码是否正确 输入:secCode:证券代码 返回:如果通过验证返回true,否则返回false */ function checkSecCode( secCode ) { if ( secCode.length != 6 ) { alert("证券代码长度应该为6位"); return false; } if (!isNumber( secCode ) ) { alert("证券代码只能包含数字"); return false; } return true; }; /* function:cTrim(sInputString,iType) description:字符串去空格的函数 parameters:iType:1=去掉字符串左边的空格;2=去掉字符串左边的空格;0=去掉字符串左边和右边的空格 return value:去掉空格的字符串 */ function cTrim(sInputString, iType) { var sTmpStr = ' '; var i = - 1; if (iType == 0 || iType == 1) { while (sTmpStr == ' ') { ++i; sTmpStr = sInputString.substr(i, 1); } sInputString = sInputString.substring(i); } if (iType == 0 || iType == 2) { sTmpStr = ' '; i = sInputString.length; while (sTmpStr == ' ') { --i; sTmpStr = sInputString.substr(i, 1); } sInputString = sInputString.substring(0, i + 1); } return sInputString; };

jQuery判断 form表单提交时一些文本框的判断的更多相关文章

  1. php form表单提交时,action url中参数无效的解决方法

    表单提交时get方式的一个错误 <form class="form-inline pull-right" method="get" action=&quo ...

  2. 微信小程序-form表单-获取用户输入文本框的值

    微信小程序-form表单-获取用户输入文本框的值 <input name='formnickname' class="textarea" placeholder=" ...

  3. jQuery补充之jQuery扩展/form表单提交/滚动菜单

    jQuery扩展 为了避免重复造轮子,能高效使用别人的代码,所以有了扩展. jQuery扩展有两种方式: 自执行函数方式 定义函数,并执行函数. 自执行函数: (function(jq){ jq.ex ...

  4. form表单提交时选择性传值到后台

    正常情况下form表单提交会把表单内的内容提交到后台,但是如果有些内容只是作为展示或者是标记而不想传到后台,我们采用如下方法: jsp页面如下,我们不想提交id为userIdMark和pwdMark的 ...

  5. 通过jquery实现form表单提交后不跳转页面,保留当前页面

    jquery代码: <script type="text/javascript" src="../js/jquery-1.8.3.min.js">& ...

  6. jquery模拟form表单提交并新打开页面

    /** * form表单提交本页面打开 * @param url * @param params */ function postCurrent(url,params){ var form = $(& ...

  7. Jquery实现form表单提交后局部刷新页面的多种方法

    最近做一个小项目,刚好需要用到搜索功能,实现搜索框内输入数据然后按回车或者点击“提交”,然后给后台数据库处理并返回数据给前端,在前端局部更新数据. 但是遇到了一个小问题,就是form表单下任意输入框输 ...

  8. Jquery组织Form表单提交之Form submission canceled because the form is not connected

    有时候导出Excel时需要根据某些条件筛选数据,然后将数据通过NPOI生成Excel并导出.组织数据时可以通过放到一个表单中,某些场景是使用脚本(如:jquery)组织一个form(通过字符串拼接), ...

  9. 【教训】 form表单提交时,action url中参数无效

    今天提交一个表单,内容参考如下: <form action="add.php?a=123&b=456">     <input type="hi ...

随机推荐

  1. windows环境下安装部署并启用zkui的web图形界面

    在此之前的工作:不是本机部署的三个服务器最为伪集群的zookeeper环境,并将三个为服务启动起来. 然后才有了下面的工作. 1. 首先,zkui项目地址:https://github.com/Dee ...

  2. 【转载】有向图强连通分量的Tarjan算法

    转载地址:https://www.byvoid.com/blog/scc-tarjan [有向图强连通分量] 在有向图G中,如果两个顶点间至少存在一条路径,称两个顶点强连通(strongly conn ...

  3. 4.JDBC编程

    01.JDBC_Java程序和MySQL的关系:     1).Java程序跟其它MySQL客户端一样,就是一个"客户端",用于"封装SQL语句"并发送给MyS ...

  4. Struts的url-pattern配置问题

    一,servlet容器对url的匹配过程: 当一个请求发送到servlet容器的时候,容器先会将请求的url减去当前应用上下文的路径作为servlet的映射url,比如我访问的是http://loca ...

  5. EasyUI学习

    1.基础知识: 1)Parser解析器: div指定了class后能有效果是因为开始时文档时加载DOM但是一些由js动态生成的指定了class的div没有被解析此时就需要手动解析了 js动态生成的指定 ...

  6. pf_ring DNA接收流程代码分析

    经过一个月的学习,对pf_ring DNA的内核部分有了一些认识,本文侧重pf_ring对ixgbe的改动分析. 先说一说接收流程吧,流程如下: 其中,硬中断处理函数是ixgbe_msix_clean ...

  7. 03_01_基本操作_增(insert)

    1. 1.1.创建表 create table employee( id number primary key, name varchar2(64) not null, email varchar2( ...

  8. spring boot: Annotation 注解之@Target的用法介绍

    前言 目前,越来越多的架构设计在使用注解,例如spring3.0.struts2等框架.让我们先来看看注解的定义.如下是一段使用了JDK 5 Annotation @Target的代码: @Targe ...

  9. asp.net IE 页面刷新固定位置

    MaintainScrollPositionOnPostback="true" 可能我们会经常遇到这种情况,当页面内容比较多的时候,当用户执行操作执行一次页面回送后,页面又重新从顶 ...

  10. JIRA 的安装和使用

    需要的软件 6.0.3-x32.exe jira_6.x_language_zh_CN.jar jira_crack.zip http://pan.baidu.com/s/1dEbpJc1 (从网盘下 ...