導航:首頁 > 編程語言 > 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相關的資料
- 數字電位器程序
- 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
- extjs復制對象
- java強制下線
- msvcr110dll程序入口點
- java在線查看pdf
- js獲得粘貼的數據