php 表单提交表单前端验证

た入场券 2022-06-09 09:21 284阅读 0赞

//HTML 代码

//js代码

$('#submit').click(function() {
               	if ($('#name').val() == '')
               {
                   alert('请填写司机名称');
                   return false;
               } <?php if ((!empty($_GET['status']) && $_GET['status'] == 1) || (!empty($_GET['status']) && $_GET['status'] == 2)) { ?> if ($('#pcode').val() == '') { alert('请填'
     + ($( '#pcode'').text())); return false; } var phone = document.getElementById('pcode').value; if (!(/^1\d{10}$/.test(phone))) { alert("手机号码有误，请重填"); return false; } <?php } else { ?> if ($('#code').val() == '') { alert('请填' + ($('.code_name').text()));
     return false; } <?php } ?> $.post("/usercar/upload/", $("#form").serialize(), function(data) { if (data.status == 200) { alert(data.msg); document.location = '/site/icar/'; } else { alert(data.msg); } }, "json"); });
     
    
    
     
         </script> 
     方法2. <script type='text/javascript'>
       	
    	$('#submit').click(function() {
               	    if ($('[name=driver]').val() == '') {
                    alert('请填写司机名称');
                    return false;
                } if ($('[name=phone]').val() == '') { alert('请填' + (($('.br').text()));
     
                     return false;
                }
    
                var phone = document.getElementById('pcode').value;
                if (!(/^1\d{10}$/.test(phone))) {
                    alert("手机号码有误，请重填");
                    return false;
                }
            $.post("/usercar/upload/", $("#form").serialize(), function(data) {
                if (data.status == 200) {
                    alert(data.msg);
                    document.location = '/site/icar/';
                } else {
                    alert(data.msg);
                }
            }, "json");
        });
    
        </script>	
    
    注：此处代码不是怎么好,但意思是表达了的,两种方法其实是两种获取input框的方式,对于获取input框的方法,我上面的博客中也有,本人水平有限，
     
      但对于初学者还是有些帮助的。