唐贞观元年间，书生张珙往蒲关访好友白马将军杜确，路经普救寺，偶遇寄居寺内的已故相国之女崔莺莺，一见爱慕，遂借读西厢，意图亲近。

是夜，莺莺照例到花园焚香，张生情不自禁隔墙高吟，莺莺依韵酬和，张珙更为倾倒。正当张珙和莺莺两心相萦时，河桥孙飞虎兵围普救寺，强行欲索莺莺为妻。崔夫人无法，只得当众言明：谁能退得贼兵，愿将爱女相配。张珙挺身而出，致书杜确。杜确兵到，解了寺围。不料崔夫人又筵前毁约，命莺莺称张珙为兄，使一对有情人竟不能成眷属。莺莺瞒过红娘而又遣使她递诗给张珙，约张珙在花园相见。张珙跳墙来会，莺莺为礼教所束缚，又恐红娘觉察，临时设计，责斥了张珙几句而去。事出意外，张珙因此成病。莺莺终究不忍，在红娘的支持、鼓励下决计夜入西厢，安慰张珙……不久，崔夫人有所觉察，拷问红娘。红娘据实直说，并责夫人失信负义。夫人不得已，允把莺莺许配张珙。但又以崔家三代不招白衣女婿为由，逼张珙立即上京赶考，得中后方许成婚。莺莺和张珙离愁别恨，涕泣叮咛而别。