javascript数字验证
嗨,对不起,我对javascript还是很陌生 我已经用HTML开发了一个表单,现在我正在尝试添加javascript来验证表单 到目前为止,我有简单的javascript来确保每个元素都被填充javascript数字验证,javascript,validation,Javascript,Validation,嗨,对不起,我对javascript还是很陌生 我已经用HTML开发了一个表单,现在我正在尝试添加javascript来验证表单 到目前为止,我有简单的javascript来确保每个元素都被填充 if (document.order.suburb.value=="") { alert("Suburb Cannot Be Empty") return false } if (document.order.postcode.value=
if (document.order.suburb.value=="")
{
alert("Suburb Cannot Be Empty")
return false
}
if (document.order.postcode.value=="")
{
alert("Postcode Cannot Be Empty")
return false
}
然后我用javascript验证一些元素的长度
if (document.order.telephone.value.length < 10)
{
alert("Invalid Telephone Number")
return false
}
这是一个可以让你思考的问题
你可以用数百种方式处理这项任务。我刚刚使用了一个正则表达式,并将所有的非数字替换为-并比较了两个变量的长度-如果存在除数字以外的任何其他变量,则正则表达式变量的长度将比不变的MyPhone短
你可以做各种各样的验证——只要我知道你是如何定义valid的
JS
您可以尝试以下示例:
var validate=函数{
var white=/\s+/g;//用于处理空格
var nonDigit=/[^0-9]/g;//对于非数字
如果!document.order.country.value.replacewhite{
需要警告!;
返回false;//不允许提交
}
var post=document.order.postcode.value.replacewhite,
如果!发帖{
需要alertPost代码!;
返回false;
}
post=post.replacenonDigit,;//替换除数字以外的所有数字
if!post | | 6>post.length{//min post代码长度
警告无效的邮政编码!;
返回false;
}
var tel=document.order.telephone.value.replacewhite;
如果!电话{
需要报警电话!;
返回false;
}
电话=电话,非数字,;
如果!电话| | 10>电话长度{
警报无效电话!;
返回false;
}
return true;//通过上述验证后返回true
};
郊区:
邮政编码:
电话:
可能需要查看此函数的正则表达式。如果/[^0-9]/.testtemp{/*验证失败*/},请不要使用警报,而是使用console.log和friends.info、.warn和.error。这会将调试消息写入浏览器控制台,而不会锁定页面,甚至浏览器。@PaulS。我已经用你的代码替换了我的代码“if digits.indexOftemp==-1”,它似乎仍然无法验证这些数字。Mike'Pomax'Kamermans因此,我可以编写console.warn无效卡号,这将提醒用户他们的意外错误?我在表单中实现了上述代码,我成功了,但当我尝试对邮政编码执行相同的验证时,它不起作用,也不允许电话验证工作。它总是会出现“无效电话!”即使我写了一个有效的数字before@Naddy,你能用最新的代码更新你的帖子吗?完成了,但我删除了之前的代码,因为它不起作用,我尝试重新创建它。我还刚刚编辑了你的代码,用于其他文本元素,如电子邮件地址和名/姓,它们工作正常,然后它运行到邮政编码有效点,给出ms和error,直到我键入类似“3675”的内容。然后只需“提交”表单非常感谢它现在正在工作,只需为表单的其余部分添加更多内容:
var digits="0123456789"
var temp
var i
for (i = 0 ; i <document.order.telephone.value.length; i++)
{
temp=document.order.telephone.value.substring(i,i+1)
if (digits.indexOf(temp)==-1)
{
alert("Invalid Telephone Number")
return false
}
}
var post = document.order.postcode.value.replace(white,'');
if(!post){
alert("Post code required !");
return false;
}
post = post.replace(/[^0-9]/g,'');//replace all other than digits
if(!post || 4 > postcode.length) {
alert("Invalid Postcode !");
return false;
}
var mysuburb, mypostcode, mytelephone;
$('.clickme').on('click', function(){
mysuburb = $('.suburb').val();
mypostcode = $('.postcode').val();
mytelephone = $('.telephone').val();
console.log(mysuburb + '--' + mypostcode + '--' + mytelephone);
if(mysuburb.length < 1)
{
$('.errorcode').html('');
$('.errorcode').append('Suburb is required');
return false;
}
if(mypostcode.length < 1)
{
$('.errorcode').html('');
$('.errorcode').append('postode is required');
return false;
}
if( mytelephone.length < 1 )
{
$('.errorcode').html('');
$('.errorcode').append('telephone number is required');
return false;
}
if( mytelephone.length != mytelephone.replace(/[^0-9]/g, '').length)
{
$('.errorcode').html('');
$('.errorcode').append('telephone number must contain only numbers');
return false;
}
});