需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html中的<script>标签,输入js代码:。
var reg = /^[0-9,]*$/
var a = '1231,456,346,', b = '34sda'
test(a)test(b)
function test(text) {
if (reg.test(text)) {
$('body').append(text + '符合</br>')
} else {
$('body').append(text + '不符合</br>')
}
}
3、浏览器运行index.html页面,此时会打印出该正则表达式对“1231,456,346,”和“34sda
”的校验结果。
1、新建一个html文件,命名为test.html。
2、在test.html文件内,在p标签内,使用input标签创建一个数字输入框,用于数字的输入。
3、在test.html文件内,设置input标签的id为num,主要用于下面通过该id获得input对象。
4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“验证输入内容”。
5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行panduan()函数。
6、在js标签中,创建panduan()函数,在函数内,使用val()方法获得输入的内容,在if语句内,使用isNaN()方法判断输入的内容是不是数字,并且是否大于0,如果满足这两个条件,则提示“输入正确”,否则提示“请输入大于零的数字”。