本文目录一览:
- 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