Tough and antimicrobial dual-crosslinked poly((trimethylamino)ethyl methacrylate chloride)-phytic acid hydrogel (pTMAEMA-PA) has been synthesized by adding chemical crosslinker and docking physical crosslinker of multivalent phytic acid into a cationic polyelectrolyte network. By increasing the loading concentration of PA, the tough hydrogel exhibits compressive stress of >1 MPa, along with high elasticity and fatigue-resistant properties. The enhanced mechanical properties of pTMAEMA-PA were stem from multivalent ion effect of PA via the formation of ion bridges within polyelectrolytes. In addition, a comparative study for a series of pTMAEMA-counterion complexes was conducted to elaborate the relationship between swelling ratio and mechanical strength. The study also revealed secondary factors, such as ion valency, ion specificity and hydrogen bond formation, holding crucial roles in tuning mechanical properties of the polyelectrolyte hydrogel. Furthermore, in bacteria attachment and disk diffusion tests, pTMAEMA-PA exhibits superior fouling resistance and antibacterial capability. The results reflect the fact that PA enables chelating strongly with divalent metal ions, hence, disrupting the outer membrane of bacteria, as well as dysfunction of organelles, DNA and protein. Overall, the work demonstrated a novel strategy for preparation of tough polyelectrolyte with antibacterial capability via docking PA to open up the potential use of PA in medical application.