一般用JS检验用户输入的内容是否合法的时候都是用alert("您的输入不合法")此效果来提示用户输入的内容不合法,今天偶尔想到用DHTML里的innerHTML或innertText来提示也是满有个性的一种效果,不妨一用。
测试代码如下:
<script>
function chk(){
if(document.form1.uname.value=="")
{uname1.innerHTML="<font color=red>请输入用户名</font>"
return false;}
else{
uname1.innerHTML=""}
if(document.form1.pwd.value=="")
{pwd1.innerHTML="<font color=red>请输入密码</font>"
return false;}
else{
pwd1.innerHTML=""}
}
</script>
<FORM name="form1" METHOD=POST ACTION="test.asp?a=1" onsubmit="return chk()">
用户名:<INPUT TYPE="text" NAME="uname"><span id="uname1"></span><br></br>
密 码:<INPUT TYPE="text" NAME="pwd"><span id="pwd1"></span>
<br><INPUT TYPE="submit" value="提交"></FORM>
Ctrl+A,Ctrl+C,Ctrl+V,运行一下看看效果吧
分享到:
相关推荐
漂亮的表单验证效果
本人制作的jquery表单验证插件JfomValidate 功能:可以完成绝大数页面的脚本验证效果,压缩包里有示例和调用说明。 压缩包包含文件: index.html -- 说明及示例 JfomValidate.min.js -- 插件 jquery-1.3.2.min.js -...
表单验证大全表单验证大全表单验证大全表单验证大全表单验证大全
js表单验证大全js表单验证大全js表单验证大全
更多相关jQuery滑动滑动效果表单表单验证 所属专题:表单验证
很美观,界面很友好的html5+css3表单验证效果。类似于留言版
js验证表单提示效果(css+jquery)
C# 可以验证表单,密码,等也可以验证姓名?
jquery表单验证插件
jQuery表单验证jQuery表单验证jQuery表单验证jQuery表单验证jQuery表单验证jQuery表单验证jQuery表单验证
全网最全的 表单验证, js表单验证,form表单验证,前端验证,简介验证 email URL 登陆验证
1、验证插件支持正则表达式验证,函数验证,ajax异步验证,支持对比验证,并支持对表单的自定义属性或指定属性进行验证,应该足矣满足常用软件及网站开发需求。(可根据自己需求,手动添加验证方式) 2、插件支持...
网上常见的用JS编写的注册表单验证的代码,非常实用哦
表单的验证一直是网页设计者头痛的问题,表单验证类 Validator就是为解决这个问题而写的,旨在使设计者从纷繁复杂的表单验证中解放出来,把精力集中于网页的设计和功能上的改进上。 Validator是基于JavaScript技术...
jQuery-Validation-Engine-master 表单验证插件 简单好用,已经包含汉化
笨阿猪高级表单验证笨阿猪高级表单验证笨阿猪高级表单验证
jquery表单验证实例网站会员注册表单验证提交form表单代码
JavaScript表单验证 JavaScript表单验证 JavaScript表单验证
javascript很好很强大的JS表单验证 javascript很好很强大的JS表单验证
网页表单验证效果代码 效果非常好看的验证效果