使用php注册表格中的javascript验证电话号码的问题

Question

Here is my code for validating phone number;

  if(!(preg_match([0-9]{10})|(\([0-9]{3}\)\s+[0-9]{3}\-[0-9]{4}, $_POST['phone'])))
        die(msg(0,"You haven't provided a valid phone number"));

After enter all the input details, it shows like loading.

Can anyone say what is the mistake in my code.

Thanks in advance.

Answer 1

Change your code to:

if(!(preg_match("/([0-9]{10})|([0-9]{3}\\s+[0-9]{3}\\s+[0-9]{4})/", $_POST['phone'])))
die(msg(0,"You haven't provided a valid phone number"));

Mainly, there were two problems with your regex.

First: You had forgot to put your regular expression inside quotes. Second: After the opening quote, and before the closing quote, you should have /

This building the pregmatch like: preg_match("/regex/", $string);

And finally, the regular expression itself contained some errors.

I recommend using this tool if you are new to regex:

http://regex101.com/

Second part:

The reason you are having issues with your form showing loading is because the PHP-script which it is posting data to, is throwing an error. This error needs to be fetched by the ajax script and returned to the browser. Simply using die('a message'); will kill the script and return "a message" to the query. You need to add a function to handle any error responses.

Use a browser developer tool like FireBug or any buil in tool in your browser to have a look at the output of your ajax query:

A good way to do a ajax call would be like:

var formData = $('#yourform').serialize();
$.ajax({
    url : "/link_to_script.php",
    type : "POST",
    data: formData,
    dataType: "json",
    success : function(d){
        if( d.success) {
            // An array key called success is located with the value of true
            alert( 'Successfully submitted form' );
        }
        if( d.error ){
            // An array key called error is located with the value of true
            alert( d.errormsg );
            // Alerts the visitor with the content of the return array key "errormsg"
        }
    },
    error: function(){
        alert( 'Something went wrong' );
        // This error function will be returned if the data returned by script is not json, or if the script cannot be reached / returns any kind of 404/500 error or such.
    }
});

This will handle a json output from your PHP script and interperate its data. If the call is successfull, it should contain some data from your PHP script, like for example a success message or an error message. This needs to be return like for example this:

<?php
    echo json_encode( array( 'success'=> true, 'message' => 'Uploaded file' ) );
    // OR, incase error like the preg_match:
    echo json_encode( array( 'error' => true, 'errormsg' => 'Phone not validated' ) );

This will json encode an array with the data you want to handle with your ajax script.

Answer 2

您可以使用以下代码在浏览器中验证手机号码。

<input name="mobilenum" pattern="[789][0-9]{9}" placeholder="Contact Number" required="" type="text">