导航:首页 > 编程语言 > js表单提交验证name
js表单提交验证name
发布时间：2023-05-29 13:30:58『壹』 一个简单的js表单验证，求教userName怎么获取，用了好多方法都不行
给form设置一个name,比如name="myform"
然后获取就是
var userName = document.myform.userName.value;
或者芦早给郑升textfield设置id
var userName = document.getElementById('陪丛雀userNameId').value;
『贰』 js表单的验证
1. 长度限制
<script>
function test()
...{
if(document.a.b.value.length>50)
...{
alert("不能超过50个字符！");
document.a.b.focus();
return false;
}
}
</script>
<form name=a onsubmit="return test()">
<textarea name="b" cols="40" wrap="VIRTUAL" rows="6"></textarea>
<input type="submit" name="Submit" value="check">
</form>
2. 只能是汉字
<input onkeyup="value="/oblog/value.replace(/[^u4E00-u9FA5]/g,'')">
3." 只能是英文
<script language=javascript>
function onlyEng()
...{
if(!(event.keyCode>=65&&event.keyCode<=90))
event.returnvalue=false;
}
</script>
<input onkeydown="onlyEng();">
4. 只能是数字
<script language=javascript>
function onlyNum()
...{
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))
//考虑小键盘上的数字键
event.returnvalue=false;
}
</script>
<input onkeydown="onlyNum();">
5. 只能是英文字符和数字
<input onkeyup="value="/oblog/value.replace(/[W]/g,"'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,''))">
6. 验证邮箱格式
<SCRIPT LANGUAGE=javascript RUNAT=Server>
function isEmail(strEmail) ...{
if (strEmail.search(/^w+((-w+)|(.w+))*@[A-Za-z0-9]+((.|-)[A-Za-z0-9]+)*.[A-Za-z0-9]+$/) != -1)
return true;
else
alert("oh");
}
</SCRIPT>
<input type=text onblur=isEmail(this.value)>
7. 屏蔽关键字(这里屏蔽***和****)
<script language="javascript1.2">
function test() ...{
if((a.b.value.indexOf ("***") == 0)||(a.b.value.indexOf ("****") == 0))...{
alert(":)");
a.b.focus();
return false;}
}
</script>
<form name=a onsubmit="return test()">
<input type=text name=b>
<input type="submit" name="Submit" value="check">
</form>
8. 两次输入密码是否相同
<FORM METHOD=POST ACTION="">
<input type="password" id="input1">
<input type="password" id="input2">
<input type="button" value="test" onclick="check()">
</FORM>
<script>
function check()
...{
with(document.all)...{
if(input1.value!=input2.value)
...{
alert("false")
input1.value = "";
input2.value = "";
}
else document.forms[0].submit();
}
9.身份证的验证
function isIdCardNo(num)
{
if (isNaN(num)) {alert("输入的不是数字！"); return false;}
var len = num.length, re;
if (len == 15)
re = new RegExp(/^(\d{6})()?(\d{2})(\d{2})(\d{2})(\d{3})$/);
else if (len == 18)
re = new RegExp(/^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\d)$/);
else {alert("输入的数字位数不对！"); return false;}
var a = num.match(re);
if (a != null)
{
if (len==15)
{
var D = new Date("19"+a[3]+"/"+a[4]+"/"+a[5]);
var B = D.getYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5];
}
else
{
var D = new Date(a[3]+"/"+a[4]+"/"+a[5]);
var B = D.getFullYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5];
}
if (!B) {alert("输入的身份证号 "+ a[0] +" 里出生日期不对！"); return false;}
}
return true;
}
}
『叁』 js的表单验证问题
<html>
<body>
<script language="javascript">
function check()
{
if(document.enquiry.name.value=="")
{
alert("please fill in your name");
return false;
}
if(document.enquiry.email.value=="")
{
alert("please fill in your email");
return false;
}
if(!/^\w+[@]\w+[.]\w+$/.test(document.enquiry.email.value))
// /^\w+[@]\w+[.]\w+$/ 用该正则来匹配你输入的document.enquiry.email.value的值,如果匹配就返回true,否则false
// 前面加了个!表示如果不匹配就进入if.
{
alert("please correct your email");
return false;
}
if(document.enquiry.enquiry.value=="")
{
alert("please fill in your enquiry");
return false;
}
}
</script>
<form name="enquiry" onsubmit="return check()" action="sub.asp" method="post">
<input name="name" type="text" class="textfield" id="name" size="18">
<input name="email" type="text" class="textfield" id="email" size="18">
<textarea name="enquiry" cols="85" rows="6" class="textfield" id="enquiry"></textarea>
<input type="submit" value="提交"/>
</form>
</body>
</html>
『肆』 javascript中怎么设置from提交前的数据验证
form表单的数据先由js判断处理，握铅旁通过后再提交数据到后台。
1、js获取表单数据，根据实际情况判断是否符合规则。一般的判断是否为空，是否含有不安全字符，有就过滤掉(这一步也可以在后台处理)。
2、对于未通过的输入，向用户返回信息提示。
3、验证通过，提交数据到后台。
4、根据实际需求做处理.....
下面是一个简单的例子:
<formid="loginForm"action=""method="post">
用户名:<inputid="username"name="username"type="text"maxlength="16"激宏/>
<br/>
<inputid="go"type="button"value="提交"/>
</form>
<script>
varloginForm=document.getElementById('loginForm');
vargo=document.getElementById('go');
go.onclick=function(){
varusername=loginForm.username.value
//这里判断了用户段橡名的输入不能为空，且长度为6-16位
if(username&&(typeof(username)!='undefined')&&(username!=0)&&(username.length>=6)&&(username.length<=16)){
//验证通过，提交表单数据
loginForm.submit();
}else{
alert('输入不符合规则');
}
}
</script>
通常要先在前端对数据做处理得情况下，并不是用<input type="submit" />按钮，而是用<input type="button" />按钮，因为要先对数据进行处理再提交到后台；对于数据的判断验证，大多是使用正则表达式来判断的，虽然比较麻烦，不过如今浏览器对html5的兼容则省掉不少麻烦，新增的 input 类型可以满足一般的需求。
『伍』 表单通过post方式提交的到底是name还是ID
在接收数据的处理页面里，所接收的数据值是name所传递过来的。操作前厅方法如下：
1、打开或者新建一个web项目脊乎并创建html、js等文件。
『陆』 js怎么验证表单
JavaScript 表单验证：
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数专据进行属验证。
下面的函数用来检查用户是否已填写表单中的必填（或必选）项目。假如必填或必选项为空，那么警告框会弹出，并且函数的返回值为 false，否则函数的返回值则为 true（意味着数据没有问题）：
function validate_required(field,alerttxt)
{
with (field)
{
if (value==null||value=="")
{alert(alerttxt);return false}
else {return true}
}
}
『柒』 js表单验证
按照你的要求做了一个示例,样式和图标你需要自己定义,功能已完全实现.顺便试试附件功能,:)
<掘顷style>
#frm span {
display: none;
color: #FF0000;
}
</style>
<form action="?" id="frm" onsubmit="javascript:return chkfrm(this);">
姓名:<input type="text" name="name" id="name" onblur="javascript:chkname(this);" /><span></span><br />
qq号:<判答陆input type="text" name="qq" id="qq" onblur="javascript:chkqq(this);" /><span></span><br />
邮箱:<input type="text" name="mail" id="mail" onblur="javascript:chkmail(this);" /><span></span><br />
电话:<input type="text" name="tel" id="tel" onblur="javascript:chktel(this);" /><span></span><br />
留言:<textarea name="text" id="text" onblur="javascript:chktext(this);"></textarea><span></span><br />
<input type="submit" value="提交表单">
</form>
<script type="text/javascript">
var st=false;
function chkname(o){
st=/^[u4e00-u9fa5]{2,4}$/gi.test(o.value);
o.nextSibling.innerHTML='姓名应为2-4个汉字'
o.nextSibling.style.display=(st?'none':'inline');
}
function chkqq(o){
st=/^d{5,11}$/gi.test(o.value);
if(!st){
o.nextSibling.innerHTML=(o.value==''?'请输入QQ号':'QQ号应为5-11位数字');
o.nextSibling.style.display='inline'
return;
}
else o.nextSibling.style.display='none'
}
// ....
function chkfrm(f){
chkname(f.name);
chkqq(f.qq);
chkmail(f.mail);
chktel(f.tel);
chktext(f.text);
return st;
}
</script>
贴出一部分代码,完举戚整示例在附件中.
『捌』 如何用JS验证一个 name属性为 数组 的表单
光php 可是真心不够的哟，亲
每一道题分配一个name
比如name1是个单选框，3个选项
document.getElementsByName('name1')[0].checked 对应选项一是否选回中！答
依次类推
复选框也是！
『玖』 js 表单验证，验证通过按钮不起作用，换个方式，验证不通过也能提交上去
<form action="reg.html" name="loginForm" id="login" onsubmit="retrun checkdata()">
return写错了，应该是return，你橘迅写的是retrun。检查闹信一下……
另外把
if(checkName()==false)
return false;
else
return true;
if(checkPassword()==false)
return false;
else
return true;
改成
if(checkName()==false)
return false;
if(checkPassword()==false)
return false;
else
return true;
不然密码不能验证圆弯此
『拾』 怎样用js验证表单提交到数据库，求高手
把我的js验证表单代码给你吧：
var myreg =/^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
function reg_check(){
if(document.form1.username.value.match(/^[a-zA-Z]*/) == ''){
alert('用户名不能为空且必须以字母开头!');
document.form1.username.focus();
return false;
}
else if(document.form1.userpwd.value.length==0){
alert('密码不能为空!');
document.form1.userpwd.focus();
return false;
}
else if(document.form1.userpwd.value.length<6||document.form1.userpwd.value.length>16){
alert('密码长度不得小于6且大于16位！');
document.form1.userpwd.focus();
return false;
}
else if(document.form1.userpwd.value.length<6||document.form1.userpwd.value.length>16){
alert('密码长度不得小于6且大于16位！');
document.form1.userpwd.focus();
return false;
}
else if(document.form1.confirmpwd.value!=document.form1.userpwd.value){
alert('两次密码输入不一致！');
document.form1.confirmpwd.focus();
return false;
}
else if(document.form1.email.value.length==0){
alert('邮箱不能为空!');
document.form1.email.focus();
return false;
}
else if(!myreg.test(document.form1.email.value)){
alert('邮箱格式错误!');
document.form1.email.focus();
return false;
}
else {
document.form1.submit();
}
}
<form name="form1" action="" method="post">
<input type="text" name="username" />
<input type="password" name="userpwd" />
<input type="password" name="confirmpwd" />
<input type="text" name="email" />
<input type="submit" name="submit" onclick="return reg_check() " />
</form>
与js表单提交验证name相关的资料
- 2015蓝桥杯代码填空
- 数码管显示电压程序
- extjsgrid禁用
- 暗金颜色代码
- js关闭页面前提示
- 数字电位器程序
- c代码整理
- java版贪吃蛇毕业论文
- 图片宽度代码
- java后台校验框架
- js中csstext
- 请帖制作网站java源码
- html5中加入js
- iphone程序加密
- js里面的图片对齐
- jsonobject解析list
- 发送失败错误代码10009
- js获取div中的图片不显示不出来
- java设置过期日期
- 注册表禁止启动程序运行
- 前端程序员简历模板
- 微信小程序tips
- java线程买票案例
- java架构培训
- 解压代码选择
- 西安程序员工资
- extjsgrid删除列
- js姓名正则
- 前台中jrequestjson
- jsp的六大
- js点击按钮下载图片
- 济南java程序员工资
- 解锁后程序启动
- js操作符
- jsp的书籍推荐
- 斗地主发牌程序c语言
- svn代码提交规范
- json实现通用的下拉框
- 前端代码优化面试
- js判断手机系统版本号
- java定义变量boolean
- qq阅读hjava