用js代碼寫表單輸入（用js代碼寫表單輸入什麼）

本文目錄一覽：

• 1、如何用JS或JQuery進行表單輸入內容的判斷
• 2、怎樣用js創建Form表單並提交
• 3、如何用JS給一頁面表單自動填值?
• 4、用js里怎麼寫輸入框
• 5、用javascript編寫一段程序,驗證用戶輸入的表單,網頁文件名為:examl.htm
• 6、javascript 自動填寫表單的實現方法？

如何用JS或JQuery進行表單輸入內容的判斷

style

.hid{

display:none;

}

/style

input type=”text” id=”inpt”

div id=”div1″ style=”border:1px solid #000; width:100px; height:100px;”/div

script

var inp = document.getElementById(‘inpt’);

var div1= document.getElementById(‘div1’)

function isChineseChar(str){

var reg= /[\u4E00-\u9FA5\uF900-\uFA2D]/;

if(reg.test(str)) {

return 1 //是中文

}

reg = /[A-Za-z]/;

if(reg.test(str)) {

return 2//字母

}

return 0

}

var t;

inp.oninput =function(str){

clearTimeout(t)

t= setTimeout(function(){

str=str.target.value

if(isChineseChar(str) == 1){

div1.className =”hid”

}else if(isChineseChar(str) == 2){

div1.className =”show”

}else{

}

},500)

}

/script

怎樣用js創建Form表單並提交

可以手動構建一個FormData進行表單提交，代碼如下：

var form = new FormData();

//添加參數

form.append(‘name’, ‘jack’);

form.append(‘age’, 20);

//使用xmlhttprequest發起請求

var xhr = new XMLHttpRequest();

xhr.open(‘post’, ‘這裡添上請求的url’, true);

xhr.onreadystatechange = function() {

    if(xhr.readyState == 4) {

        //成功

    }

}

//執行請求

xhr.send(form);

如何用JS給一頁面表單自動填值?

要注意getElementsByName與getElementByID的區別 getElementByID 返回的是唯一的DOM對象 getElementsByName 返回的是DOM對象列表 getElementsByTagName 返回的是DOM對象列表 所以要寫成： javascript:void(document.getElementsByName(“txtUserName”)[0].value=”caonima”); 測試好了歡迎使用我們的空間。我們提供萬網息壤美國香港多線空間，價格便宜

用js里怎麼寫輸入框

用js里怎麼寫輸入框

把輸入框放到一個form表單里

form name=”frm”

input type=”text” name=“name” id=“id_name”…./

/form

這樣在js里就可以document.frm.name.value就是輸入框的值

或者document.getElementById(“id_name”).value也是可以的

用javascript編寫一段程序,驗證用戶輸入的表單,網頁文件名為:examl.htm

回答如下，希望你能滿意：

js文件：script language=”javascript”

function fc() {

var sMail = /[_a-zA-Z\d\-\.]+@[_a-zA-Z\d\-]+(\.[_a-zA-Z\d\-]+)+$/;

if (document.regbb.name.value == “”) {

alert(“\請輸入您的名稱！”);

document.regbb.name.focus();

return false;

}

else if (document.regbb.hometel.value == “”) {

alert(“\請輸入您的電話號碼！”);

document.regbb.hometel.focus();

return false;

}

else if (document.regbb.name.value.length 2) {

alert(“\聯繫人填寫不完整！不能小於2個漢字！”);

document.regbb.name.focus();

return false;

}

else if (document.regbb.T_Mail.value != “”) {

if ( ! sMail.test(document.regbb.T_Mail.value)){

alert(“Email地址格式錯誤！請重新輸入!”);

document.regbb.T_Mail.focus();

return false;

}

}

else {

return true;

}

return true;

}

/script

表單文件：

form id=”regbb” name=”regbb” action=”#” method=post OnSubmit=”return fc()”

table border=”0″ cellspacing=”1″ cellpadding=”4″ style=”width:520px; margin:30px auto 0px auto;” bgcolor=”#eeeeee”

tr bgcolor=”#fafee0″

td width=”150″ align=”right” valign=”middle”您的姓名：/td

tdinput id=”name” size=”25″ name=”name” type=”text” /

/td

/tr

tr bgcolor=”#fafee0″

td width=”150″ align=”right” valign=”middle”聯繫電話：/td

tdinput onKeyUp=”value=value.replace(/\D+/g,”)” id=”hometel” name=”hometel” size=”25″ type=”text” /

/td

/tr

tr bgcolor=”#fafee0″

td width=”150″ align=”right” valign=”middle”電子郵件：/td

tdinput id=”T_Mail” name=”email” size=”25″//td

/tr

tr bgcolor=”#fafee0″

td colspan=”2″ align=”center” valign=”middle”input id=”button” type=”submit” value=”提交信息” name=”button” input type=”reset” name=”reset” value=”重新填寫”/td

/tr

/table

/form

注意以上內容放在頁面的body/body中

javascript 自動填寫表單的實現方法？

你不就是想頁面打開時自動做提交么？

form name=”mainfrm” id=”mainfrm” action=”” method=”post”

input type=”text” id=”username” name=”username”/

input type=”text” id=”pwd” name=”pwd”/

input type=”submit” id=”submit” value=”submit”/

/form

在頁面最底下加入：

script

//給頁面元素賦值

document.getElementById(“username”).value = “aaa”;

document.getElementById(“pwd”).value = “bbb”;

//提交form

document.getElementById(“mainfrm”).submit();

/script