1.判断内容为空的函数
function CheckEmpty(Field, FieldTitle)
{
if (Field.value == "")
{
alert("请在\"" + FieldTitle + "\"一栏中输入内容.");
Field.focus();
return false;
}
return true;
}
2.判断内容是否为数字,并且为整数的函数
function CheckInteger(Field, FieldTitle)
{
if (Field.value != "")
{
for (i = 0; i < Field.value.length; i++)
{
ch = Field.value.charAt(i);
if ( (ch < '0' || ch > '9') && ch != '-' ) {
alert("\"" + FieldTitle + "\"中只能输入数字.");
Field.focus();
return false;
}
}
}
return true;
}
3.判断内容是否为数字,并且为小数的函数
function CheckReal(Field, FieldTitle)
{
if (Field.value != "")
{
DotNum = 0;
for (i = 0; i < Field.value.length; i++)
{
ch = Field.value.charAt(i);
if ((ch < '0' || ch > '9') && ch != '.')
{
alert("\"" + FieldTitle + "\"中只能输入数字.");
Field.focus();
return false;
}
if (ch == '.')
{
if (DotNum > 0)
{
alert("\"" + FieldTitle + "\"中只能输入一个小数点.");
Field.focus();
DotNum++;
return false;
}
}
}
}
return true;
}
4.判断内容长度是否超过指定长度的函数
function CheckMaxLength(Field, MaxLength, FieldTitle)
{
if (Field.value != "")
{
if (Field.value.length > MaxLength)
{
alert("\"" + FieldTitle + "\"中输入的字符请不要超过" + MaxLength + "字符.");
Field.focus();
return false;
}
}
return true;
}
5.判断内容长度是否小于指定长度的函数
function CheckMinLength(Field, MinLength, FieldTitle)
{
if (Field.value != "")
{
if (Field.value.length < MinLength)
{
alert("\"" + FieldTitle + "\"中输入的字符请不要少于" + MinLength + "字符.");
Field.focus();
return false;
}
}
return true;
}
6.判断复选框中的值是否选中的函数
function CheckOption(Field, FieldTitle)
{
for (i = 0; i < Field.length; i++)
if (Field[i].checked)
return true;
alert("请选择\"" + FieldTitle + "\"中的值.");
return false;
}
function Checkselect(Field, FieldTitle)
{
if (Field.options[Field.selectedIndex].value=="")
{
alert("请选择\"" + FieldTitle+"\"" );
Field.focus();
return false;
}
return true;
}
7.此函数用于判断邮箱Email地址是否正确
function CheckEmail(Field)
{
// there must be >= 1 character before @, so we
// start looking at character position 1
// (i.e. second character)
var i = 1;
var len = Field.value.length;
if (len > 50)
{
window.alert("email地址长度不能超过50位!");
return false;
}
pos1 = Field.value.indexOf("@");
pos2 = Field.value.indexOf(".");
pos3 = Field.value.lastIndexOf("@");
pos4 = Field.value.lastIndexOf(".");
//check '@' and '.' is not first or last character
if ((pos1 <= 0)||(pos1 == len-1)||(pos2 <= 0)||(pos2 == len-1))
{
window.alert("请输入有效的E-mail地址!");
Field.focus();
return false;
}
else
{
//check @. or .@
if( (pos1 == pos2 - 1) || (pos1 == pos2 + 1)
|| ( pos1 != pos3 ) //find two @
|| ( pos4 < pos3 ) ) //. should behind the '@'
{
window.alert("请输入有效的E-mail地址!");
return false;
}
}
return true;
}
8.判断输入框中的值是否为指定的长度(可以判断手机号,身份证号等)
function CheckMustLength(Field, MustLength, FieldTitle)
{
if (Field.value.length != MustLength)
{
alert("\"" + FieldTitle + "\"中输入的值必须是" + MustLength + "位.");
Field.focus();
return false;
}
return true;
}
function CheckIntRange(field,prompt,min,max) {
if ( ! CheckInteger(field,prompt) )
return false;
ival = parseInt(field.value);
if ( ival < min || ival > max ) {
alert(prompt + " 只能为 " + min + " 到 " + max + " 之间的数");
field.focus();
return false;
}
return true;
}
9.选中指定列表框中的值
function SelectValue(objSelect,strValue){
if (strValue=="") return;
for(i=0;i<objSelect.options.length;i++){
if(objSelect.options[i].value==strValue){
objSelect.options[i].selected=true;
break;
}
}
}
10,选中指定单选框中的值
function RadioValue(objSelect,strValue){
if (strValue=="") return;
for(i=0;i<objSelect.length;i++){
if(objSelect[i].value==strValue){
objSelect[i].checked=true;
break;
}
}
}
//复选框选择值
function CheckValue(objSelect,strValue){
if (strValue=="") return;
if(objSelect.value==strValue){
objSelect.checked=true;
}
}
//复选框选择值
function CheckValues(objSelectList,strValue){
if (strValue=="") return;
if (objSelectList.length==null){
if(strValue.indexOf(objSelectList.value)>=0){
objSelectList.checked=true;
}
}
else{
for(i=0;i<objSelectList.length;i++){
if(strValue.indexOf(objSelectList[i].value)>=0){
objSelectList[i].checked=true;
}
}
}
}
//复选框选择值
function CheckValue1(objSelect,strValue){
if (strValue=="") return;
if(objSelect.value==strValue){
objSelect.checked=true;
}
else{
objSelect.checked=false;
}
}
分享到:
相关推荐
js控制select选中显示不同表单内容select下拉菜单特效 js控制select选中显示不同表单内容select下拉菜单特效 js控制select选中显示不同表单内容select下拉菜单特效
- **判断`select`选项中是否存在`Value="paraValue"`的Item** ```javascript function jsSelectIsExitItem(objSelect, objItemValue) { var isExit = false; for (var i = 0; i ; i++) { if (objSelect.options...
本篇文章将探讨如何通过JavaScript来实现这些功能,并判断控件是否存在。首先,我们需要理解HTML的基本结构和JavaScript的DOM(Document Object Model)操作。 1. **HTML `<select>`元素**: `<select>`元素创建一...
js函数方法: 代码如下: [removed] function getDefaultSelectedOption(selectId, valIfNull) { var dom, selectId = selectId.replace(/^#/, ”), opts; try { opts = document.getElementById(selectId)....
在Vue.js框架中,Element UI库提供了一个丰富的组件集,其中`el-select`是一个常用的下拉选择组件。在处理用户交互时,有时我们需要获取选中项的`label`或`value`值。从提供的信息来看,这里介绍的是如何在不通过...
总之,通过JavaScript操作DOM,我们可以方便地在网页上动态设置`<select>`元素的默认选中项。这个功能在许多交互式应用场景中非常有用,比如用户配置、数据筛选等。在实际项目中,还可以结合事件监听器,如`change`...
综上所述,无论是JavaScript还是jQuery,获取`<select>`标签选中值的操作都相对简单,关键在于理解DOM元素的属性和jQuery选择器的工作原理。在实际开发中,结合良好的编程习惯和适当的优化策略,可以使这些操作更加...
js的一些功能,通过js对checkbox的操作,对select标签的操作
本话题聚焦于使用jQuery来实现两个select元素之间的选中值互换功能。这对于用户界面设计,尤其是在需要双向联动或者数据交换的场景下,是一个实用的功能。 首先,我们要了解HTML中的`<select>`元素。它是创建下拉...
JavaScript实现下拉列表选中某个值的方法主要包括三种方式,分别为通过索引选择、通过name或id选择以及通过value值选择。以下详细阐述每种方法的实现原理和步骤。 首先,了解基本的HTML结构,一个下拉列表通常由一...
本文将详细介绍如何使用JavaScript对`<select>`控件进行各种操作,包括新增选项、修改选项、删除选项、选中特定选项、清空所有选项以及判断某个值的选项是否存在。 ### 一、判断选项是否存在 使用以下函数可以检查...
js 操作 select 控件大全是 JavaScript 中对 select 控件的各种操作的集合,包括新增、修改、删除、选中、清空、判断存在等多种操作。下面将对这些操作进行详细的介绍和讲解。 一、 判断 select 选项中是否存在 ...
`select2.min.js`是JavaScript文件的最小化版本,用于减少页面加载时间;而`select2.min.css`则是CSS文件的最小化版本,负责样式呈现。这两个文件应当在HTML页面中正确引用,以便Select2库正常工作。 在实际应用中...
本文实例讲述了JS实现select选中option触发事件操作。分享给大家供大家参考,具体如下: 我们在用到下拉列表框select时,需要对选中的选项触发事件,其实本身没有触发事件方法,我们只有在select里的onchange方法里...
1. **判断 select 选项中 是否存在 Value="paraValue"的 Item** 这个功能可以通过遍历`select`的`options`数组来实现,检查每个选项的`value`属性是否与目标值匹配。如果找到匹配项,则返回`true`,否则返回`false`...
总结起来,`js`加载`select`项是一项基础的前端技术,而`JSelect`则通过JavaScript为`select`元素提供了丰富的自定义样式和交互功能,极大地提升了用户体验。在实际项目中,结合这两者可以构建出既实用又美观的下拉...
需要注意的是,在实际开发中,清除select的选中状态可能不仅仅涉及到简单的属性重置,还可能需要更多的逻辑判断,以确保用户界面的正确性和程序的健壮性。另外,实际中将属性值简单设置为'0'可能是为了演示目的,...
使用`.is(":checked")`来判断复选框是否被选中。 2. **设置复选框为选中状态**: ```javascript $("#chk2").prop("checked", true); ``` 使用`.prop("checked", true)`可以设置复选框为选中状态。注意这里使用...
本教程将深入探讨如何利用JavaScript实现从一个`select`(select1)中选择选项并将其移动到另一个`select`(select2)的过程,这在需要对可选项目进行动态管理的场景中非常实用。 首先,我们需要在HTML中定义两个`...