导航:首页 > 编程语言 > 表单输入动态提示信息js代码

表单输入动态提示信息js代码

 发布时间：2024-11-06 20:31:41

⑴ js验证时不用alert();提示错误信息，怎样在后面直接提示错误信息

使用说明：
1、消息显示对象id = 输入表单id + _msg
如用户名输入表单id=txt_username,消息显示对象id=txt_username_msg

2、错误消息:写在输入表单的title里，具体如下

用户名：<input type="text" name="txt_username" id="txt_username" onblur="CheckInput(this, 'username')" title="用户名不能为空

，应为4-20个字母数字组成！"/><span id="txt_username_msg"></span>
<br/>
密码：<input type="text" name="txt_password" id="txt_password" onblur="CheckInput(this, 'password')" title="密码不能为空，应

为6-20个非空字符组成！"/><span id="txt_password_msg"></span>

<script>
//参数说明 ，o : 检查对象 ,sType : 数据类型
function CheckInput(o ,sType){
var msg=document.getElementById(o.id + '_msg');
//用户名
if(sType=='username'){
msg.innerHTML=(!/^[a-z0-9]{4,20}$/gi.test(o.value))? o.title : '√';
}
//密码
if(sType=='password'){
msg.innerHTML=(!/^[\S]{6,20}$/gi.test(o.value))? o.title : '√';
}
//更多数据类型验证方法可以自己添加....
}

</script>

⑵ js问题，一个表单，输入名字，然后点击表单下面的确定，弹出窗口提示xxx真棒。

<BODY>
<FORM METHOD=POST ACTION="">
<INPUT ID="test" TYPE="text">
</FORM>
<INPUT TYPE="button" VALUE="确定" ONCLICK="check()">
</BODY>

<SCRIPT LANGUAGE="javaScript">

function check()
{
var name = document.getElementById("test").value;
name = name + "真棒！";
alert(name);
}
</SCRIPT>

⑶ html表单输入框里，用户输入的内容怎么引入到javascript的语句中参与函数计算

这个很简单..
比如你html里有个<input type="text" name="username" id="uname"></input>
这个假如就是用户输入的内容
然后你在js写上document.getElementById("uname").value就可以获取到用户输入的内容了

⑷ 如何使用validate.js进行动态添加和移除表单验证信息

1,动态添加验证规则
// 添加
$("#addConnectUser").rules("add",{rules:{required:true,isString:true},messages:{required:"用户名为必填项",isString:"请输入规范字符"}});
// 移除
$("#addConnectUser").rules('remove','required');
在此我要讲一下为什么有一个isString验证规则；这个是为了限制表单中input的输入规则；比如:不允许特殊字符，或者一些特殊的要求；这个isString是自己配置的
jQuery.validator.addMethod("isString", function(value, element) {
return this.optional(element) || (inputTest.test(value));
},"请输入规范内容");
// 此处的inputTest为你自定义的验证规则
2,如何给已经添加了表单验证的选项移除验证规则;
$("#addConnectUser").rules("remove",'required');
//再次添加可以直接用
$("#addConnectUser").rules("add",'required');

⑸ js实现点击输入用户名或密码的文本框在旁边弹出提示语

你可以使用formValidator.js，专门做表单验证的，效果如下：

用法很简单，引用formValidator.js的核心类库，然后初始化$.formValidator.initConfig({formid: "main",debug:false,submitOnce : true});

然后对要做校验的文本框编写校验代码

$("#employeeNo").formValidator({onshow : "输入范围为1到10个字符",
onfocus : "输入范围为1到10个字符",oncorrect : " "}).inputValidator({
min: 1, max: 10, empty:{leftempty:false,rightempty:false,emptyerror:"该字段左右不允许出现空格"}, onerror : "输入范围为1到10个字符"});
$("#employeeName").formValidator({onshow : "输入范围为1到40个字符",
onfocus : "输入范围为1到40个字符",oncorrect : " "}).inputValidator({
min: 1, max: 40, empty:{leftempty:false,rightempty:false,emptyerror:"该字段左右不允许出现空格"}, onerror : "输入范围为1到40个字符"});

在后面对应的<div id="employeeNoTip"></div>显示提示语

formValidator.js这个网上有很多实例和教程，很简单的

阅读全文

与表单输入动态提示信息js代码相关的资料

热点内容
如何让数据线连接手机上网 浏览：522
win10日期更改 浏览：846
javaweb前后端分离方案 浏览：763
迅雷白金lv6没有升级钻石 浏览：994
cnc编程和模具设计哪个容易学 浏览：449
怎么看存款数据 浏览：442
如何将两行数据剔除重复数据 浏览：789
ghost镜像工具 浏览：279
pythonhtmlpdf文件 浏览：119
百度云删不掉文件 浏览：991
ipad如何调节app大小 浏览：675
公司网站怎么编辑 浏览：144
WIN10路由器传大文件 浏览：280
积分文件 浏览：740
ai文件嵌入在哪个地方 浏览：688
e4a下载哪个版本好 浏览：526
word2007中如何在方框中打勾 浏览：854
wind如何下载数据 浏览：821
大掌门app充值金额固定 浏览：196
小学网站模板免费下载 浏览：687

友情链接