0

我有一个简单的代码来在提交表单之前检查值是否为数字，但即使它不是数字值，表单也会提交

<form action="asdasd" method="POST" id="my_form" >
<input type="text" name="userphone" id="userphone" />
<br />
<input type="submit" name="register" id="register" value="register" />
</form>

js代码

$(document).ready(function() {

$('#userphone').blur(function () {
var phone = $("#userphone").val();
var phonelen = phone.length;

if (!$.isNumeric(phone) || phonelen<6) {
    $("#userphone").css("background-color", "#ff9f9f");
    return false;
} else {
    $("#userphone").css("background-color", "#fff");
    return true;
}
})
});

function check_user_phone(){ 
var phone = $("#userphone").val();
var phonelen = phone.length;

if (!$.isNumeric(phone) || phonelen<6) {
    return false;
} else {
    return true;
}
} 

$("#my_form").submit(function(){
 if (!check_user_phone()) {
    return false;
} else {
    return true;
}
})

但即使电话值不是数字，表单仍在提交数据

4

1 回答 1

1

尝试将 JSFiddle 选项从更改onLoad为No wrap - in <head>

JSFiddle：- http://jsfiddle.net/aidioo7/wfpbV/5/

JS

jQuery(function(){
    $("#reg").submit(function(e){
        if(!check_phone() ){  
            e.preventDefault();
        }
    });
});
于 2013-05-20T12:38:04.793 回答