导航:首页 > 编程语言 > 表单输入动态提示信息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代码相关的资料

热点内容
linuxkill重启进程 浏览：658
sketchup景观教程 浏览：730
win10管理找不到模块 浏览：472
苹果手机查看电脑文件 浏览：61
微信不访问视频文件夹吗 浏览：259
文件夹加密大师注册码 浏览：1
onedrive怎么上传文件 浏览：488
android多线程写文件栈溢出 浏览：242
台电酷闪量产工具 浏览：837
如何破坏文件 浏览：15
从什么网站上查找国家标准 浏览：254
iphone5s最省电的浏览器 浏览：225
用数据线如何接摄像头 浏览：110
qq手机电脑互传文件 浏览：613
linux内核升级方法 浏览：986
iphone5没有热点 浏览：189
哪里有在线幼儿c语言编程 浏览：959
iframe跨域调用js对象 浏览：178
苹果手机能分文件夹吗 浏览：679
fdb文件怎么删除里面内容 浏览：638

友情链接