JS verification for PHP7 message board development-PHP7-php.cn

PHP7 TutorialThe column introduces JS verification used in message board development

JS verification for PHP7 message board development

##Recommended ( Free):

The JS keywords in this section are:

function,onsubmit,onclick,document.getElementsByTagName(These are commonly used in front-end development, so they must be mastered)

Add JS verification form events based on the page in step 1 to improve user experience. Also ensure that the user-submitted data received by the backend is intended.

Don’t rush to type the code when you get the requirements. First, confirm the knowledge points you need to use, clarify your ideas, and probably have a plan in mind. Especially in the current era of new technologies and new tricks every day, we What’s more, we should keep our thinking clear at all times. Whether it’s native js, jquery or other front-end frameworks, everything remains the same. Only with a solid js foundation can we succeed in the world.

There are many ways to implement native JS verification of the message board form below. One of the commonly used ones is used here. Can you find other methods? You can share it in the comment area. Good stuff. , just want to share! ~

Method:

1. Determine how to trigger the mouse click event, such as
onclick,onsubmit,xxx.click(function(){})and so on (many verification methods, you need to slowly discover in the future, the magical JS world is waiting for you);
I added a submit button to the message board
onclickevent, in order to trigger thecheckformfunction to activate form validation; then add theonsubmit="return false;"attribute to the form tag, in order to prevent the form table The default submission event (prevents event bubbling); look at the code specifically and try it in practice~a, sample code snippet
2. Define JS function;
a.The function name starts with
functionb. To select form elements, use
document.getElementsByTagName('input')c. To prevent bubbling (prevent form submission, it must be submitted only if the verification is successful), use
return false;d, script triggers form submission using
document.feedback_form.submit();,feedback_formis the name of the form form
3. Bind the mouse click event to the submit tag to trigger the JS function we defined. For example, add
onclick="function name"
a to the form submit tag attribute. Sample code snippet
< ;input type="submit" onclick="checkform()" value="Submit your message" class="sub" />

##Full code :

留言板_科科分享

留言板

FEEDBACK

Copy after login

Practice, practice, practice. Shout important things three times! ! !

Okay, our message board for native JS verification ends here. If you have other verification methods or have any questions, please feel free to doodle in the comment area! ~

The above is the detailed content of JS verification for PHP7 message board development. For more information, please follow other related articles on the PHP Chinese website!