大家在制作表单程序时是否考虑到这样的问题。
比方说,有“金额”一栏,要求用户输入数字并保存至数据库,数据库中定义了相应字段存放此数据,并将字段类型设置成了数值型。如果用户输入失误,在“金额”栏中输入了非数值类型,比方说字符串,那么在保存至数据库就会发生错误,导致保存失败。
那我们如何来避免这一现象的产生呢?
很简单,在用户输入的同时,我们就对其输入的合法性进行验证。
具体举一个例子:
新建input.html文件,写入如下内容:
<script language="javascript">
function checkRate(input)
{
if(document.theForm.money.value !== ""){
var re = /^[0-9]+.?[0-9]*$/; //判断字符串是否为数字 //判断正整数 /^[1-9]+[0-9]*]*$/
if (!re.test(document.theForm.money.value)){
alert("请金额栏内输入数字型内容(例:56.02)");
document.theForm.money.focus();
return false;
}
}
}
</script>
<form name="theForm" method="post">
金额:<input type="text" name="money" id="textfield" onblur="return checkRate(this)" />
说明:<input type="text" name="readme" id="textfield" />
</form>
然后运行这个网页。
大家是否发现如果你在金额栏中输入了含有字符的数据后,在移出该输入框时跳出了提示窗口,在选择确定后,光标就又交回给了该输入框。
这样其实就是提醒用户检查输入信息是否正确的一种最直接的方法~这样可以在最大程度上避免输入的错误产生,从而保证在数据保存至数据库中不发生诸如数据类型不匹配的错误~
使用方法要请大家注意,红色部分代码要根据大家自己所建立的表单名称进行相应修改,请特别注意~