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

热点内容
控制专硕如何报考编程 浏览：534
元祖在编程里是什么意思 浏览：491
小码王为什么比核桃编程贵 浏览：627
qq下载app有哪些 浏览：380
旅游app的社区模块有什么 浏览：847
盗版win7怎样升级win10 浏览：524
怎么压缩文件夹不超过10mb 浏览：770
网络摄像头如何外网访问 浏览：178
刷入的cp文件是什么 浏览：513
dcp文件是什么 浏览：427
win10驱动删不了怎么办啊 浏览：459
win7如何做共享文件夹图标 浏览：178
魔兽120怎么升级124 浏览：395
智能健康手表下载什么app 浏览：664
想在协和医院挂号怎么下载app 浏览：86
关于科技产品需要哪些数据 浏览：623
linux命令行修改文件内容 浏览：526
java通信框架有哪些 浏览：331
哪里看美国报纸app 浏览：753
excel打开同一个文件出现两个窗口 浏览：318

友情链接