我有一部手機，我想檢查手機號碼是否小于 10 或大于 13，然后我想顯示消息我的代碼：<input name="mobile" id="mobile" placeholder="+91" class="form-control tboxs" type="text" style="font-family: 'JameelKhushkhatLRegular'"><button style="width: 100%" type="button" id="submit" value="submit" class="btn-theme-colored btn">SUBMIT <span class="glyphicon glyphicon-send"> <script> $('#submit').click(function(){ if($('#first_name').val() == '' ){ alert('Name can not be left blank and atleast 4 char long'); return false; }else if(!$("input[name='redio_gender']:checked").val()){ alert('Please Select Gender'); return false; }else if($('#multiple').val( ) == '') { alert('Please Select Age'); return false; }else if($('#profession').val( ) == '') { alert('Please Select your Profession'); return false; }else if($('#taluka').val( ) == '') { alert('Please Select Taluka'); return false; }else if($('#village').val( ) == '') { alert('Please Enter village'); return false; }else if($('#interest').val( ) == '') { alert('Please Select Area of Interest'); return false; }else if($('#masjid').val( ) == '') { alert('Please Enter Nearest Masjid'); return false; }else if($('#mobile').val( ) == '' || parseInt($('#mobile').val() < 10 ) || parseInt($('#mobile').val() > 13)) { alert('Please Enter Valid Mobile Number'); return false; }else{ $.ajax({ -- -- }); } }); </script>在上面的代碼中，我使用 javascript 驗證了我的代碼。
3 回答
MMTTMM
TA貢獻1869條經驗 獲得超4個贊
https://jqueryvalidation.org
$.validator.addMethod(
'phone',
function (value, element, requiredValue) {
var phoneRegexp = /^\+380\d{7,10}$/;
return phoneRegexp.test(value);
},
);
var validator = $('#form_id').validate({
debug: true,
errorClass: 'error-class',
errorElement: 'div',
rules: {
'phone': {
required: true,
phone: true,
minlength: 10,
maxlength: 13
}
},
}
);
holdtom
TA貢獻1805條經驗 獲得超10個贊
您可以嘗試以下方法：
$('#submit').click(function(){
var mobile = $('#mobile').val();
if(mobile.length < 10 || mobile.length > 13) {
//mobile length is less than 10 or greater than 13, show error message
}
});
你的最終代碼是這樣的：
<script>
$('#submit').click(function(){
var mobile = $('#mobile').val();
if($('#first_name').val() == '' ){
alert('Name can not be left blank and at least 4 char long');
return false;
} else if(!$("input[name='redio_gender']:checked").val()){
alert('Please Select Gender');
return false;
} else if($('#multiple').val( ) == '') {
alert('Please Select Age');
return false;
} else if($('#profession').val( ) == '') {
alert('Please Select your Profession');
return false;
} else if($('#taluka').val( ) == '') {
alert('Please Select Taluka');
return false;
} else if($('#village').val( ) == '') {
alert('Please Enter village');
return false;
} else if($('#interest').val( ) == '') {
alert('Please Select Area of Interest');
return false;
} else if($('#masjid').val( ) == '') {
alert('Please Enter Nearest Masjid');
return false;
} else if(mobile.length < 10 || mobile.length > 13) {
alert('Please Enter Valid Mobile Number');
return false;
} else {
$.ajax({
--
--
});
}
});
</script>
或者您可以使用 html 屬性通過在文本輸入上使用minlengthand來執行此操作maxlength，您甚至可能希望將輸入類型從 切換text為tel
<input name="mobile" id="mobile" placeholder="+91" class="form-control tboxs" type="tel" style="font-family: 'JameelKhushkhatLRegular'" minlength='10' maxlength='13'>
喵喔喔
TA貢獻1735條經驗 獲得超5個贊
嘗試這個 ：
var mob = '03311111111';
if( mob.length < 10 || mob.length > 13){
// show error message
}
- 3 回答
- 0 關注
- 152 瀏覽
添加回答
舉報
0/150
提交
取消