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

热点内容
小短片的网站有哪些 浏览:129
关机命令linux 浏览:561
数控坐标偏置如何编程 浏览:644
php仿qq空间网页源码 浏览:398
先进的网站有哪些 浏览:802
ksearchexe损坏文件 浏览:659
编写阶乘相加的程序 浏览:222
popsub代码 浏览:857
kpl编程可以做什么工作 浏览:808
连接wifi一直让输密码 浏览:191
网络欺凌是什么 浏览:457
怎么解除别人的qq关联 浏览:420
文件导入ps怎么改清晰度 浏览:232
win10永久隐藏任务栏 浏览:136
恋舞ol升级给改名卡 浏览:177
有哪些番号网站有哪些 浏览:245
桌面对应文件夹路径 浏览:822
系统学习编程要学哪些课程 浏览:622
linux查看网络文件 浏览:324
哪里找微信小视频文件 浏览:704

友情链接