- 1、js代码怎么写
- 2、js实现点击输入用户名或密码的文本框在旁边弹出提示语
- 3、input 如果没有输入或者输入空字符 ,就提示不能为空.的JS 代码
- 4、用javascript实现页面中弹出一个输入提示框,读取一个输入 英文字符或一个数字或一个汉字
- 5、js信息输错后输入框后提示红字代码如何编写
建议楼主看下js基础
每一项都是js使用中的小技巧，基础但十分的实用！
1.document.write(“”); 输出语句
2.JS中的注释为//
3.传统的HTML文档顺序是:
document-html-(head,body)
4.一个浏览器窗口中的DOM顺序是:
window-(navigator,screen,history,location,document)
5.得到表单中元素的名称和值:
document.getElementById(“表单中元素的ID号”).name(或value)
6.一个小写转大写的JS:
document.getElementById(“output”).value=document.getElementById(“input”).value.toUpperCase();
7.JS中的值类型:
String,Number,Boolean,Null,Object,Function
8.JS中的字符型转换成数值型:
parseInt(),parseFloat()
9.JS中的数字转换成字符型:
(“” 变量)
10.JS中的取字符串长度是:
(length)
11.JS中的字符与字符相连接使用 号.
12.JS中的比较操作符有:
==等于,!=不等于,,=,.=
13.JS中声明变量使用:
var来进行声明
14.JS中的判断语句结构:
if(condition){}else{}
15.JS中的循环结构:
for([initial expression];[condition];[upadte expression]) {inside loop}
16.循环中止的命令是:
break
17.JS中的函数定义:
function functionName([parameter],…){statement[s]}
18.当文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替.
19.窗口:
打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self
20.状态栏的设置:
window.status=”字符”;
21.弹出提示信息:
window.alert(“字符”);
22.弹出确认框:
window.confirm();
23.弹出输入提示框:
window.prompt();
24.指定当前显示链接的位置:
window.location.href=”URL”
25.取出窗体中的所有表单的数量:
document.forms.length
26.关闭文档的输出流:
document.close();
27.字符串追加连接符: =
28.创建一个文档元素:
document.createElement(),document.createTextNode()
29.得到元素的方法:
document.getElementById()
30.设置表单中所有文本型的成员的值为空:
var form = window.document.forms[0]
for (var i = 0; iform.elements.length;i ){
if (form.elements.type == “text”){
form.elements.value = “”;
}
}
你可以使用formValidator.js，专门做表单验证的，效果如下：
用法很简单，引用formValidator.js的核心类库，然后初始化$.formValidator.initConfig({formid: “main”,debug:false,submitOnce : true});
然后对要做校验的文本框编写校验代码
$(“#employeeNo”).formValidator({onshow : “输入范围为1到10个字符”,
onfocus : “输入范围为1到10个字符”,oncorrect : ” “}).inputValidator({
min: 1, max: 10, empty:{leftempty:false,rightempty:false,emptyerror:”该字段左右不允许出现空格”}, onerror : “输入范围为1到10个字符”});
$(“#employeeName”).formValidator({onshow : “输入范围为1到40个字符”,
onfocus : “输入范围为1到40个字符”,oncorrect : ” “}).inputValidator({
min: 1, max: 40, empty:{leftempty:false,rightempty:false,emptyerror:”该字段左右不允许出现空格”}, onerror : “输入范围为1到40个字符”});
在后面对应的div id=”employeeNoTip”/div显示提示语
formValidator.js这个网上有很多实例和教程，很简单的
input type=”text” name=”” value=”” onblur=”javascript:if(this.value==”||this.value==’ ‘){alert(‘不为空’);}” /
根据你的要求，我写了以下示例代码：
var inputChar = prompt(“随便输入一个英文字符、数字或汉字”,””);
inputChar = inputChar.substr(0,1); //只取第一个字符，后面的抛弃
if(inputChar.match(/[a-z]/gi)){
console.log(“英文字符”);
}
if(inputChar.match(/[0-9]/gi)){
console.log(“一个数字”);
}
if(inputChar.match(/[\u4e00-\u9fa5]/gi)){
console.log(“一个汉字”);
}
希望能帮到你~
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的script标签，输入js代码：
error();
function error() {
$(‘input’).after(‘span style=”color:red”用户名不存在/span’);
}
3、浏览器运行index.html页面，此时输入框后面会显示出红色错误提示。
原创文章，作者：HEUHE，如若转载，请注明出处：https://www.506064.com/n/126546.html
微信扫一扫 
支付宝扫一扫 