用js代码写表单输入(用js代码写表单输入什么)

本文目录一览:

如何用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

原创文章,作者:YXZVP,如若转载,请注明出处:https://www.506064.com/n/127761.html

相关推荐